Reactjs 使用表格单元格而不是div显示数据

我将JSON数据（21项）中的数据显示为reactjs中的行。在每第三个项目之后，我会使用下面的代码将其放到下一行

<div>{this.props.linkInfo.label}</div>
{(this.props.indexNbr+1) % 3 === 0?  <div style={clearBothStyle}> </div>  : null}

{this.props.linkInfo.label}
{（this.props.indexNbr+1）%3==0？：null}

现在需求已经改变了，我必须使用表格单元格来显示它，所以我使用了这段代码

<td>{this.props.linkInfo.label}</td>
{(this.props.indexNbr+1) % 3 === 0 ?  </tr><tr>  : null}

{this.props.linkInfo.label}
{（this.props.indexNbr+1）%3==0？：null}

---

因此，在每3个单元格之后，它将开始一个新行，但我得到一个编译错误，因为在jsx

中，它被认为不是有效的jsx（关闭标记-->打开标记）。有解决办法吗？有没有办法在JSX中放置非统一的html？

您可以从计算表的行数开始：

let rows=Math.ceil（data.length/3）；

然后可以从0循环到行：

Array.from（数组（行）.keys（））.map（i=>(
{this.props.linkInfos[i].label}
{this.props.linkInfos[i+1].label}
{this.props.linkInfos[i+2].label}
))

对不起。。HTML代码未显示在上面的消息中。。。以下是我使用的：{this.props.linkInfo.label}{（this.props.indexNbr+1）%7==0？：null}只需编辑问题并更正错误。@Faridsk我尝试编辑问题以放置简单的HTML“”，但它无法显示。您必须使用反勾或缩进来格式化代码。简单引号不会将内容标记为代码。