美文网首页大前端
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