动态改变网格的结构React

Question

最近给了我一个React项目，该项目要求我绘制出DIV网格。呈现DIV很好，但是找到一种动态改变列宽的方法似乎是一个挑战。我本来以为我可以应用一个函数，该函数将从文本框中获取数量并动态更改CSS中的行数，但这似乎是不可能的。

我的问题是有没有办法在React中做到这一点，还是有一个库可以使分配更加方便。（请记住，我一个月前还没有意识到React。）

Answer 1

  

行宽

我假设您的意思是这里的列数？

你能得到列数的长度吗？

如果是这样，应该可以帮上忙。

`{[...Array(yourLength).keys()].map((key) => (
  return(<div className={key+" key based css"}></div>)
  )}