反应复选框未初始获取对象的值答案

【问题标题】：React checkbox not initialy taking value of object反应复选框未初始获取对象的值
【发布时间】：2020-10-07 22:39:22
【问题描述】：

我有一个项目需要使用复选框。我的数据来自数据库并被注入到状态对象中。此对象包含一个子项列表，每个子项包含一个名为“xmasCamp2019”的布尔值。但是第一次呈现此代码时，复选框不会接管布尔值。

但是当我记录布尔值时，它会输出 true。当 onChange 被调用时，该孩子的布尔值被交换，然后复选框被选中。

{this.state.selectedRegistration.childrenArray.map((child) => {
            console.log(child.xmasCamp2019);
            return (
              <FormControlLabel
                key={child.index}
                value={child.xmasCamp2019}
                onChange={(event, value) =>
                  this.selectChild(child.index, value)
                }
                control={
                  <Checkbox name="Insurance" value={child.xmasCamp2019} />
                }
                label={child.name}
              />
            );
          })}

【问题讨论】：

标签： reactjs checkbox state

【解决方案1】：

<Checkbox /> 组件是什么样的？ react中的复选框使用checked属性来存储布尔状态，例如<input type="checkbox" checked={xmasCamp2019} />

【讨论】：

谢谢。我认为这是需要设置而不是检查的值。