React design Model 模态框中加入表单，并进行提交

                                                   React design Model 模态框中加入表单

一、我要实现的功能：选中表格中的一行数据进行编辑，编辑方式为，弹出模态框，显示相应的数据，并进行表单提交操作，从而实现数据的修改，界面如下图：

二、说一说我遇到的问题，那就是在获取表单数据，使用setFieldsValue,对表单进行赋值时报了错，报错如下图：

分析一下原因，我这里我是使用了refs去获取form对象，我们看一下页面代码：

这个代码的作用就是，弹出模态框，并显示表单。注意看：我这里ref={this.formRef}是写在了Form组件里，弹出模态框时，表单也显示了，但为什么没有获取到setFieldsValue呢？经过查询资料可以知道：可以通过React.createRef()创建Refs并通过ref属性联系到React组件。