Reactjs 第三行后的新列

我在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 }
  );
  })  
}

{data11.map（（用户，索引）=>{
const{name}=user；
返回(
{（索引%2==1）>（）：null}
{name}
{（索引%2==0）>（）：null}
);
})  
}

---

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

能否将列表一分为二，创建两个表格，并使用样式来实现此目的？能否将列表一分为二，创建两个表格，并使用样式来实现此目的？