美文网首页大前端
antd部分组件defaultValue无效的处理

antd部分组件defaultValue无效的处理

作者: jack钱 | 来源:发表于2022-09-02 09:46 被阅读0次

问题原因: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);
    }}
  />
}

相关文章

网友评论

    本文标题:antd部分组件defaultValue无效的处理

    本文链接:https://www.haomeiwen.com/subject/zumenrtx.html