react+AntDesign Form表单编辑进行回显

class Information extends React.Component{
  formRef = React.createRef() // 第一步
	constructor(props) {
	    super(props);
	    this.state = {
	     name：'',
	     bundleId: ''
	    };
	    this.getEditData();
	}
	// 获取APP列表信息
  getEditData(){
    this.formRef.current.setFieldsValue({ // 第二步，name名字对应上
        name: 需要回显的值,
        bundleId:需要回显的值
    })
  }
  render() {
    // Form 表单
    // 提交表单且数据验证成功后回调事件
    const onFinish = (values) => { // 获取到form内input的值
      this.setState({
        name: values.name,
        bundleId: values.bundleId
      });
    };
   }
   return <div>
		  	  <Form
                {...layout}
                ref={this.formRef}
                name="basic"
                onFinish={onFinish}
                onFinishFailed={onFinishFailed}
              >
                 <Form.Item
                    label="应用名称:"
                    name="name"
                    rules={[
                      {
                        required: true,
                        message: '请输入应用名称!',
                      },
                    ]}
                  >
                    <Input placeholder="请输入应用名称"/>
                  </Form.Item>
                  <Form.Item
                    label="文件包名"
                    name="bundleId"
                    rules={[
                      {
                        required: true,
                        message: '请输入文件包名',
                      },
                    ]}
                  >
              </Form>
		  </div>
}