antd form表单initialValue不生效的问题

本文探讨了在React中组件初始化时的注意事项,强调form组件不应被div或空标签包裹,并指出数据源应有初始值。错误示例展示了未正确赋值的情况,而正确示例1和2分别演示了如何从selector获取初始值和使用ref进行手动setFieldsValue。理解这些最佳实践能避免一些常见的React应用问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先是在组件里form不能被div或空标签包裹着

其次是数据源要要赋初值,不能初值是空后面再赋值,这样是没效果的,这种情况createref然后手动setFieldValue

//错误例子
let [managerInit,change] = useState([])

useEffect(() => {
   change(...)
 }, [managerInit])

//正确例子1
let [managerInit] = useState(useSelector((state) => state.personalInfo.value))

//正确例子2
let initInput = React.createRef()
let [managerInit,change] = useState([])

useEffect(() => {
   change(...)
   initInput.current.setFieldsValue({
      managerName: managerInit.name,
      managerPhone: Number(managerInit.phone),
      managerPassword: managerInit.password
   })
 }, [managerInit])

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值