Javascript 在react中使用贴图渲染2列

嗨，我有一个如下的数据数组

let array = ['first','second','third','fourth','fifth','sixth']

现在，我希望使用map来循环这个问题，并呈现两列，当数组中有四个以上的项目时，这两列就开始了

column1 | column 2
-------- ----------
first   | fifth
second  | sixth
third   |
fourth  |

我所做的是使用一个表，但我不想为此使用表。我想创建一个简单的 这个组件

---

如何在react中使用贴图渲染来实现这一点。

这就是仅使用div构建表的方法

函数拆分数组（数组，n）{
让[…arr]=数组；
设res=[]；
while（arr.length）{
相对推力（相对拼接（0，n））；
}
返回res；
}
常数rowsPerCol=4
常量数组=[“第一”，“第二”，“第三”，“第四”，“第五”，“第六”]
const columns=splitArray（数组，rowsPerCol）
const Column=props=>(
);
常量行=（{rows}）=>(
rows.map（（数据，键）=>{data}）
);
//示例类组件
类表扩展了React.Component{
render（）{
返回(
{columns.map（（行，键）=>）}
);
}
}
//渲染它
ReactDOM.render(
,
document.getElementById（“react”）
);
.column{
填充物：5px；
边框：2个黑色虚线；
}
.桌子{
显示器：flex；
}
这就是仅使用div构建表的方式


函数拆分数组（数组，n）{
让[…arr]=数组；
设res=[]；
while（arr.length）{
相对推力（相对拼接（0，n））；
}
返回res；
}
常数rowsPerCol=4
常量数组=[“第一”，“第二”，“第三”，“第四”，“第五”，“第六”]
const columns=splitArray（数组，rowsPerCol）
const Column=props=>(
);
常量行=（{rows}）=>(
rows.map（（数据，键）=>{data}）
);
//示例类组件
类表扩展了React.Component{
render（）{
返回(
{columns.map（（行，键）=>）}
);
}
}
//渲染它
ReactDOM.render(
,
document.getElementById（“react”）
);
.column{
填充物：5px；
边框：2个黑色虚线；
}
.桌子{
显示器：flex；
}

您也可以添加您的html吗？所以我们要开始了with@LafaHTML只有一个表格，里面是我正在运行的地图。你能添加你的HTML吗？所以我们要开始了with@LafaHTML只有一个表，里面是我正在运行的映射。