使用setFieldValue Ant设计设置字段值

Question

我正在使用react并使用Ant DesignV4.1.0。
我有一个表单，在提交（onFinish）时，我将id发送给reducer以获得字段的所有值。我这样做是因为我的要求（我必须选择表单本身的id并多次获取所有数据，还必须用特定的id从多个地方打开相同的表单）。也许有更好的方法来达到我的要求，但目前我正在这样做。

我正在获得所需的数据道具（我验证了），但我不能用新道具更新字段。

我已经设置好了

class CustomForm extends React.Component {
  formRef = React.createRef();
  constructor()
    render(){
      return(
        <Form 
          ref={this.formRef} 
          onFinish={this.onFinish} 
          name="customForm"
          initialValues=
           {{
             //(trying) email: this.props.customerData.map((d) => d.email)
           }}
        >
          <Form.Item label="Email" name="email">
            <Input />
          </Form.Item>
        </Form>
      )} 
}

我读过ant的设计文档，提到initialvalues对状态变化不起作用，我们应该使用SetFieldsValue。

尝试时，我根据示例为基于类的表单添加了“FormRef”，但无法使用SetFieldValue。
我尝试使用

componentDidUpdate(){
    alert(JSON.stringify(this.props.customerData.map((d) => d.email)));
    this.formRef.current.setFieldsValue({
      mobileNumber: this.props.customerData
        .map((d) => d.mobile_number),
      email: this.props.customerData.map((d) => d.email),
    });
   }

获取错误无法读取属性“set fieldsvalue”为null

如何设置值，实际使用SetFieldValues？
以及为什么this.formRef为空？

Answer 1

所以在onFinish上，我设置loading=true，返回的结果是

（this.state.loading？ :

)

我得到这个的原因是.formref=null。

现在解决了问题。

谢谢