Javascript 如何在React中呈现多个复选框？

我正在学习React并尝试使用表单组件。我试图用3个复选框来呈现一个非常简单的表单，但是我在尝试使它工作时遇到了一些困难。我对React和React表单相当缺乏经验，因此任何帮助都将不胜感激

请检查一下这个正在工作的[小提琴]（）

以下是代码片段：-

import React from "react";
import "./styles.css";

class App extends React.Component {
  state = {
    checkboxes: [
      { name: "Check 1", value: false },
      { name: "Check 2", value: false },
      { name: "Check 3", value: false }
    ]
  };

  renderCheckboxes = () => {
    this.state.checkboxes.map((cb, i) => (
      <label>
        {cb.name}
        <input type="checkbox" />
      </label>
    ));
  };

  render() {
    return <div>{this.renderCheckboxes()}</div>;
  }
}

export default App;

从“React”导入React；
导入“/styles.css”；
类应用程序扩展了React.Component{
状态={
复选框：[
{name:“检查1”，值：false}，
{name:“Check 2”，值：false}，
{name:“检查3”，值：false}
]
};
RenderCheckBox=（）=>{
this.state.checkbox.map（（cb，i）=>(
{cb.name}
));
};
render（）{
返回{this.rendercheckbox（）}；
}
}
导出默认应用程序；

---

感谢您的帮助和反馈。非常感谢。：）

只需从rendercheckbox返回即可

renderCheckboxes = () => {
return this.state.checkboxes.map((cb, i) => (
  <label>
    {cb.name}
    <input type="checkbox" />
  </label>
));

rendercheckbox=（）=>{
返回this.state.checkbox.map（（cb，i）=>(
{cb.name}
));

---

})

您没有从

rendercheckbox

@DanielA.White Whoops>返回任何内容！！非常感谢。哎呀！！！谢谢你的帮助。计时器一结束就接受。