复选框无法初始化选中:如何解决 defaultValue 设置问题?
无法初始化选中原因分析
在你的代码中,你没有正确地设置 defaultvalue 属性来初始化选中的复选框。defaultcheckboxvalue 状态被正确地初始化为包含所有项目 id 和名称的数组,但在 checkbox.group 中没有使用该状态作为 defaultvalue。
-
修改 checkbox.group 组件,传递 defaultcheckboxvalue 状态为 defaultvalue 属性:
<Checkbox.Group style={{ width: '100%' }} key={defaultCheckboxValue} defaultValue={defaultCheckboxValue} onChange={(checkedValues) => onChangeCheckbox(checkedValues)} > ... </Checkbox.Group>
- 确保当编辑现有组时,defaultcheckboxvalue 状态被正确地更新,以包含所选项目的 id 和名称。
经过上述修改,复选框组件将正确地初始化为具有先前选定值的选中状态。
以上就是复选框无法初始化选中:如何解决 defaultValue 设置问题?的详细内容,更多请关注硕下网其它相关文章!