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