如何使用Lodash创建嵌套的div

时间:2016-09-10 17:33:49

标签: javascript html reactjs lodash

使用以下代码:

_.chunk(_.range(4), 2)

我得到这些嵌套数组:

[[0, 1], [2, 3]]

我如何使用Lodash方法_.chunk()来创建这样的东西:

<div>
    <div>1</div>
    <div>2</div>
</div>
<div>
    <div>3</div>
    <div>4</div>
</div>

1 个答案:

答案 0 :(得分:1)

你可以这样做,例如

    const arr = _.chunk(_.range(4), 2);
    return (
      <div>
        {arr.map(sub =>
          <div>
            {sub.map(elem =>
              <div>{elem + 1}</div>
            )}
          </div>
        )}
      </div>
    );