antd部分组件defaultValue无效的处理
2022-09-02 本文已影响0人
jack钱
问题原因:defaultValue的值只有在组件渲染时存在,才有效。
解决方法:
1.给组件添加依赖value值的key,组件就会刷新
<Picker
key={value} // 刷新
columns={[options]}
visible={visible}
onClose={() => {
setVisible(false)
}}
defaultValue={[value || '']}
onConfirm={(e: any) => {
console.log(e);
}}
/>
2.有值时再展示
{
value && <Picker // 有值
columns={[options]}
visible={visible}
onClose={() => {
setVisible(false)
}}
defaultValue={[value || '']}
onConfirm={(e: any) => {
console.log(e);
}}
/>
}