如何动态生成表中的行？

Question

我有：

var model =[{
    name:  "Reg",
    value: "Reg"
},{
    name:  "26.0000",
    value: "26.0000"
}];

...

generateRows(){
    var jsxResult = (
        <tr className="performRowStyle">
            {
                for(var i=0, rowCount = model.length; i < rowCount; i++ ) {
                    var thisRow = model[i];
                    console.log("columnData.name = " + thisRow.name + "columnData.value = " + thisRow.value);
                    jsxResult += (
                          <td className="performColumnStyle">
                              <span className="performColumnDataStyle">{thisRow.value}</span>
                          </td>
                    );
                }
            }
          </tr>
    );

    return jsxResult;
}

Webpack 报告模块构建失败。它拒绝了我放入 jsxResult 中的大部分 JavaScript。这有效，但没有做任何有用的事情：

generateRows(){
    var jsxResult = (
      <tr className="performRowStyle">
        {
            this.test()

        }
      </tr>
    );

    return jsxResult;
  },

为什么我收到错误？如何动态生成这些数据？