reactjs - 两种不同形式的模态

Question

我想在我的反应页面中创建两个不同的表单模式，首先是注册公司，第二个是注册新成员

到目前为止我尝试过的（创建两种不同的模态）

// company_modal

                const CompanyCreateForm = Form.create()(
                (props) => {
                  const { visible, onCancel, onCreate, form ,} = props;
                  const { getFieldDecorator } = form;
                  return (
                    <Modal
                      visible={visible}
                      title="Enter Company Details"
                      okText="Submit"
                      onCancel={onCancel}
                      onOk={onCreate}
                    >
                      <Form layout="vertical">
                        <FormItem label="Company">
                          {getFieldDecorator('companyName', {
                            rules: [{ required: true, message: 'Enter Company Name!' }],
                          })(
                            <Input />
                          )}
                        </FormItem>
                     </Form>
                    </Modal>

                  );
                }
              );

// employee_modal

             const EmpCreateForm = Form.create()(
                (props) => {
                const { visible2, onCancel2, onCreate2, form2 ,} = props;
                  const { getFieldDecorator } = form2;
                  return (
                    <Modal
                      visible={visible2}
                      title="Enter Employee Details"
                      okText="Submit"
                      onCancel={onCancel2}
                      onOk={onCreate2}
                    >
                      <Form layout="vertical">
                        <FormItem label="Employee">
                          {getFieldDecorator('empName', {
                            rules: [{ required: true, message: 'Enter Employee Name!' }],
                          })(
                            <Input />
                          )}
                        </FormItem>
                     </Form>
                    </Modal>

                  );
                }
              );

呈现

              render() {
              return (
                  <div>
               //....

                      <Button type="primary" onClick={this.showModal}>+</Button>
                      <CompanyCreateForm
                        ref={this.saveFormRef}
                        visible={this.state.visible}
                        onCancel={this.handleCancel}
                        onCreate={this.handleCreate}
                      />


                      <Button type="primary" onClick={this.showModal}>+</Button>
                      <EmpCreateForm
                        ref={this.saveFormRef}
                        visible={this.state.visible2}
                        onCancel={this.handleCancel2}
                        onCreate={this.handleCreate2}
                      />

                  </div>

              );
          }

我得到的错误是 ＆＃34;未捕获的TypeError：无法读取属性＆＃39; getFieldDecorator＆＃39;未定义＆＃34;

注意到我还是很新并且正在学习这个ReactJS。非常感谢你