Reactjs MaterialUI动态创建复选框

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

我在想，如果我将一个像

numcheckbox=3

这样的道具传递到

CheckboxesGroup

，我应该定义一个函数，将3

添加到文档中

通过使用

componentDidMount（）

调用像

addCheckbox（）

这样的函数3次，其中

addCheckbox（）

类似

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

var label=document.createElement（“标签”）；
label.appendChild（）；

---

谢谢你的帮助

您不想让react完全控制DOM，因此通过

document.createElement

添加它会违背这一点。因此，您需要做出反应，实际创建这些复选框并将其添加到DOM中，这正是框架的全部要点，因为它使您更容易操作

我把这个沙箱放在一起是为了告诉你我的意思：

---

我还强烈建议您查看这些文档，它们非常好，将帮助您学习

非常感谢！这是一个很好的资源：-）