React-hook-form结合antd时defaultValue不更新的解决方式

最近使用react-hook-form结合ant design的输入组件做表单,发现从接口获取的组件defaultValue不会更新到antd组件上,后来发现是因为antd的defaultValue一旦赋值不允许再次修改。

解决方法:将antd的key设置成defaultValue一致,或者随defaultValue一起更新,defaultValue更新时,因为key不同,组件会重新渲染,更新defaultValue。

<Controller
  as={
    	<Input />
      }
  disabled={props.disabled}
  key={props.defaultValue||props.name}
  name={props.name}
  control={props.control}
  id={props.id}
  defaultValue={props.defaultValue}
  rules={{
           required: props.required ? props.reqMsg?props.reqMsg:'必填' : '',
        }}
  placeholder={props.placeholder}
  maxLength={props.maxLength}
  style={props.style}
/>
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值