小编Kla*_*ton的帖子

尝试将 redux-form 与功能组件重用

我正在尝试构建一个可重用的组件来创建简单的表单,进行验证并处理提交操作。我可以自己使用它,但是当我尝试制作一个功能组件来注入道具时,我陷入了这个错误。

在此输入图像描述

该类使用组件来构建表单

import React from 'react';
import CustomReduxForm from './CustomReduxForm';

class LoginForm extends React.Component {
  getFields() {
    return [
      {
        name : 'username',
        type : 'text',
        label : 'User',
        mandatory : true
      },
      {
        name : 'password',
        type : 'password',
        label : 'Password',
        mandatory : true
      }
    ];
  }

  handleFormSubmit(values) {
    console.log(values)
  }

  render() {
    return (
      <div>
        <div>Test</div>
        <CustomReduxForm
          formName="LoginForm"
          fields={this.getFields()}
          onSubmit={this.handleFormSubmit}
        />
      </div>
    );
  }
}

export default LoginForm;
Run Code Online (Sandbox Code Playgroud)

这是构建表单的组件

import React from 'react';
import { reduxForm, Field …
Run Code Online (Sandbox Code Playgroud)

javascript components reactjs redux-form

4
推荐指数
1
解决办法
4954
查看次数

标签 统计

components ×1

javascript ×1

reactjs ×1

redux-form ×1