大前端

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);
    }}
  />
}
上一篇 下一篇

猜你喜欢

热点阅读