Javascript 使用MERN添加复选框

我正在尝试添加性别选择复选框的表单中。我什么都试过了，但没有结果。 这是我关于复选框的代码和我表格的图片

          <div className="input-field col s12">
            <input
              onChange={this.onChange}
              value={this.state.gender}
              error={errors.gender}
              id="gender"
              type="checkbox"
              className={classnames("", {
                invalid: errors.amka
              })}
            />
            <label htmlFor="gender"><b className="black-text text-darken-1">Gender:</b></label>
            <span className="red-text">{errors.gender}</span>
            <br></br>
          </div>

性别：
{错误。性别}

---

好的，首先你不应该使用chekckbox进行性别选择，除非有非常具体的原因

下面是复选框的代码

<div>
    <input
      type="checkbox"
      name="checkbox"
      id="checkbox"
      checked={value}
      value={value}
      onChange={e => {
        // perform the function onChange
      }}
    />
    <label for="checkbox">My Checkbox</label>
</div>

{
//执行函数onChange
}}
/>
我的复选框

---

这是演示：

好的，首先你不应该使用chekckbox进行性别选择，除非有非常具体的原因

下面是复选框的代码

<div>
    <input
      type="checkbox"
      name="checkbox"
      id="checkbox"
      checked={value}
      value={value}
      onChange={e => {
        // perform the function onChange
      }}
    />
    <label for="checkbox">My Checkbox</label>
</div>

{
//执行函数onChange
}}
/>
我的复选框

以下是演示：