首页 > 其他分享 >antd中的多选框defaultValue失效问题

antd中的多选框defaultValue失效问题

时间:2024-10-10 15:01:13浏览次数:7  
标签:defaultValue 数组 失效 组件 antd 选框 属性

antd中的 Checkbox.Group 属性中的 defaultValue为数组 当改变某个状态需要改变这个数组 发现失效

解决办法:

            Checkbox.Group添加 key值 为defaultValue指定的数组  key值发生变化组件会重新渲染,从而使更新后的defaultValue属性生效。

原因:defaultValue属性默认值为[],初始渲染后,之后更新的值并不会使defaultValue属性发生变化,所以组件挂载完成后从后端请求到的数据不会作用到checkboxGroup组件上

 

我在最开始处理的时候,当defaultValue属性不生效时,使用value属性进行设置,但由于React受控组件的特性,需要对应的onChange事件进行响应,由此多出不少冗余代码和处理逻辑,并不推荐,仅供参考。 

标签:defaultValue,数组,失效,组件,antd,选框,属性
From: https://www.cnblogs.com/qing1224/p/18456386

相关文章