请教以下这段代码用jsx 怎么写,主要是处理不好for 循环部分.
// 界面的拆分--------------------------------------------------------------------------------------------------
getRowDraw : function() {
var str = "";
str = "<div class=\"horizontal-line-container\"><div class=\"horizontal-line-container2\">";
for (var i = 0; i < 24; i++) {
str += "<div style='height:"+(this.hourHeight-1)+"' class=\"horizontal-line\"><div style='height:"+(this.hourHeight/2-1)+"' ></div></div>";
}
str += "</div></div>";
return str;
};