react使用antd表单绑定Form,页面重新渲染时,initialValue并未改变


我觉得他的意思就是在不能回显的情况下,要使用Form.create(mapPropsToFields),事实证明好用。。。

export default Form.create({
  // 从props mapping数据到表单
  mapPropsToFields(props: PropsOwn) {
    const params = props.searchParams;
    return {
      status: Form.createFormField({
        value: params.projectStatus
      }),
      startDate: Form.createFormField({
        value: params.createTimeStart ? moment(params.createTimeStart) : undefined
      }),
      endDate: Form.createFormField({
        value: params.createTimeEnd ? moment(params.createTimeEnd) : undefined
      }),
      projectName: Form.createFormField({
        value: params.query
      })
    }
  }
})(ProjectSearch);

status等是前form的label名称,value是当前store中对应的props,这样就将form表单中的数据重新绑定了,然后在代码里也不用绑定initialValue了

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM