在React中使用Array中的数组进行循环渲染

汤姆·萨巴蒂尔

我有一个数组,其中的数组看起来像这样:[Array(4),Array(4),Array(1)]

我想为每个数组返回相同的渲染,我尝试过这样的事情:

const articleRender = (array) => {
var index = 0;
var arrayLength = array.length;
for (index; index < arrayLength; index++) {
  return (
    <div>
      {array[index].map((item, i) => {
        return <li key={i}></li>;
      })}
    </div>
  );
}

但是循环仅进行一次迭代。

谢谢大家。

王伟

您应该将所有数组迭代包装在返回值内。

const articleRender = (array) => {
  return (
    <div>
      array.map((item, index) => {
        return (<div>
          {item.map((subitem, i) => {
            return <li key={i}></li>;
          })}
        </div>
      )})
    </div>
  );
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章