复选框无法初始化选中:如何解决 defaultValue 设置问题?

复选框无法初始化选中:如何解决 defaultvalue 设置问题?

无法初始化选中原因分析

在你的代码中,你没有正确地设置 defaultvalue 属性来初始化选中的复选框。defaultcheckboxvalue 状态被正确地初始化为包含所有项目 id 和名称的数组,但在 checkbox.group 中没有使用该状态作为 defaultvalue。

解决方法

  1. 修改 checkbox.group 组件,传递 defaultcheckboxvalue 状态为 defaultvalue 属性:

    <Checkbox.Group
      style={{ width: '100%' }}
      key={defaultCheckboxValue}
      defaultValue={defaultCheckboxValue}
      onChange={(checkedValues) => onChangeCheckbox(checkedValues)}
    >
      ...
    </Checkbox.Group>
  2. 确保当编辑现有组时,defaultcheckboxvalue 状态被正确地更新,以包含所选项目的 id 和名称。

经过上述修改,复选框组件将正确地初始化为具有先前选定值的选中状态。

以上就是复选框无法初始化选中:如何解决 defaultValue 设置问题?的详细内容,更多请关注硕下网其它相关文章!