0

我目前正在使用 REACT 将现有的 javascript 重构为 SharePoint 框架解决方案。我得到了大部分工作，但我很难用 Render 函数来返回具有可变列数的表的 html 内容。列数是从 Web 部件属性设置的。如何将原始 javascript（如下）转换为 REACT 代码？ 

var html = "<table>";        
for (var i = 0; i < data.d.results.length; i++) //data is from AJAX SP REST query
{
    if ((i % tdWidth) == 0 ) { html += "<tr>"; } //if this is the first column in the row

    html += "<td><div>" + data.d.results[i] + "</div></td>";

    if ((i % tdWidth) == (tdWidth - 1) ) { html += "</tr>"; } //if this is the last column in the row
}
html += "</table>";
$("#tableContainerDiv").html(html); //Set the html tag of the container div
4

1 回答 1

0

您必须创建自己的组件才能使用。检查以下链接。

http://buildwithreact.com/tutorial/components

或者

最好的反应是重用现成的组件。而不是从js制作html尝试使用react-super-responsive-table。 https://www.npmjs.com/package/react-super-responsive-table 您可以轻松地遍历行并使用标题进行计数。我希望它可以帮助你。

或者

另一种方法是将响应设置为数组，即放入数组中的 data.d.results 并在 render 方法中呈现您的控件。

MyrenderItems = this.state.UserArray.map(function (item, i) { ..... }

于 2018-02-26T04:05:08.483 回答