react中form表单编辑的时候回显无法回显

311 阅读1分钟

 

目录

前言

导语

 解决方法

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

求助同事 编辑的时候无法进行回显操作

​编辑

 <Form.Item label="机构名称:">
{getFieldDecorator('name', {
   initialValue:
   type === 'update'
 ? { code: lecturerOrganizationEntity.companyLibraryCode }
 : {},
  rules: [{ required: true, message: '请填写机构名称' }],
})(
<BaseCompanyLibrary disabled={disabled} onChange={this.handleChangeCompany} />
)}
 </Form.Item>

 解决方法

 <Form
              style={{
                display: editStep === 0 && !successModal ? 'block' : 'none',
                marginTop: '50px',
              }}
              {...formItemLayoutSmall}
              id={`${id}base-info`}
              key={JSON.stringify(lecturerOrganizationEntity)}
            >

总结

绑定key值可以进行数据渲染 问题可解