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