MaterialUI动态创建复选框

Question

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

我在想，如果将numCheckboxes=3类的numCheckboxes=3传递给CheckboxesGroup ，我应该定义一个函数，该函数将3 <Checkbox />添加到文档中。

通过使用componentDidMount()调用类似addCheckbox()的函数3次，我是否addCheckbox()正确的轨道上，而addCheckbox()类似于

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

谢谢你的帮助！

Answer 1

您不希望让react对DOM拥有完全的控制权，因此通过document.createElement添加它是违背的。 因此，您需要做出反应才能实际创建这些复选框并将其添加到DOM，这实际上是框架的全部内容，因为它使您更轻松地进行操作。

我将这个沙箱放在一起，向您展示了我的意思： https : //codesandbox.io/s/nwx306o2rj

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