Reactjs 无法使用handleSubmit捕获重复表单字段值

Reactjs 无法使用handleSubmit捕获重复表单字段值,reactjs,forms,jsx,redux-form,Reactjs,Forms,Jsx,Redux Form,我正在尝试将Redux form v6集成到我的项目中,但是无论我多么努力地复制示例代码,我都无法获得一个正常工作的Redux表单 一切似乎都连接正确,但是handleSubmit函数没有从我的表单字段捕获任何值 如能就此问题提供任何指导,将不胜感激。我的代码如下 从减速器开始,这里似乎没有什么问题 从'redux form'导入{reducer as formReducer}; 导出默认合并器({ 形态:形态还原剂 }); 然后,我使用一个容器组件将表单组件连接到redux表单,这使用所有r

我正在尝试将Redux form v6集成到我的项目中,但是无论我多么努力地复制示例代码,我都无法获得一个正常工作的Redux表单

一切似乎都连接正确,但是handleSubmit函数没有从我的表单字段捕获任何值

如能就此问题提供任何指导,将不胜感激。我的代码如下

从减速器开始,这里似乎没有什么问题

从'redux form'导入{reducer as formReducer};
导出默认合并器({
形态:形态还原剂
});
然后,我使用一个容器组件将表单组件连接到redux表单,这使用所有redux表单函数很好地装饰了表单组件

CreateCompany.js

从“../components/create_company”导入CreateCompany;
从'redux form'导入{reduxForm};
导出默认reduxForm({
表格:'公司提交'
})(公司);
实际形式如下所示:

CreateCompany.jsx

{console.log(“values”,values)}>
组名(必填)
组类型
登录
提供给Field组件的文本输入无状态函数

FormInput.js (注意:我必须在输入标记中包含
{…input.value}
,才能在字段中键入。在示例代码中,仅使用
{…input}

从“React”导入React;
常量FormInput=({id,type,className,input})=>{
className=className | |“”;
id=id | |“”;
返回(
)
}
导出默认输入;
DropDownSelect.js

从“React”导入React;
const DropDownSelect=({input,selectOptions,id})=>{
const renderSelectOptions=(selectOption)=>(
{selectOption}
)
返回(
{selectOptions.map(renderSelectOptions)}
);
}
导出默认下拉选择;

知道我做错了什么吗?

handleSubmit
应该在您的
CreateCompany
组件之外定义,并通过道具传递给它。签出
handleSubmit
应该在您的
CreateCompany
组件之外定义,并通过props传递给它。签出

handleSubmit函数是否执行?是的,它会按照我传递到handleSubmit的函数的指示将空对象记录到控制台。handleSubmit函数是否执行?是的,它会按照我传递到的函数的指示将空对象记录到控制台手推