材质UI动态创建复选框

Question

我通过尝试构建一组简单的复选框来开始使用React和MaterialUI。我如何尝试动态添加复选框到组件？

我想如果我将numCheckboxes=3这样的道具传入CheckboxesGroup，我应该定义一个函数，将3个<Checkbox />添加到文档中。

通过利用componentDidMount()来调用像addCheckbox()这样的函数3次我是在正确的轨道上addCheckbox()是类似的东西

var label = document.createElement("label");
label.appendChild(<Checkbox />);

谢谢你的帮助！

Answer 1

你不想让反应完全控制DOM，所以通过document.createElement添加它就违背了。因此，您需要做出反应才能实际创建并将这些复选框添加到DOM中，这实际上是框架的重点，因为它使您更容易理解。

我把这个沙盒放在一起向你展示我的意思：https://codesandbox.io/s/nwx306o2rj

我也强烈建议查看文档，它们非常好，并将帮助您学习https://reactjs.org/docs/hello-world.html