reactjs - 第三行后的新列

Question

我在我的 React 项目中从 JSON 映射表。我想要一个特定的表格，以显示如下名称：

---------------------------------------
||name[0] |name[1] ||name[6] |name[7]||
||name[2] |name[3] ||name[8] |name[9]||
||name[4] |name[5] ||name[10] |name[11]||
---------------------------------------

我试过像这样映射这个表，但它不起作用。

{data11.map((user, index) => {
  const { name } = user;
  return (
    {(index % 2 === 1) > (<tr id={index}>) : null }
      <td>{name}</td>
    {(index % 2 === 0) > (</tr>) : null }
  );
  })  
}

如何在第二个数据之后创建新行并在三行创建新列之后创建新行？

标签： reactjs