Redux-Forms提交数据为空

Question

我在使用 redux-forms 时遇到了问题。提交表单时，数据对象为空。只有一个输入和一个提交按钮。这是代码，我不明白我做错了什么。

在搜索视图中：

render() {
        const {submitSearchForm} = this.props;

        return (
            <div>
                <SearchForm onSubmit={submitSearchForm}/>
            </div>
        );
    }

在搜索表单中：

renderTextField = ({input, placeholder, leftIcon, rightIcon, clickableIcon, width}) => {

    return <TextField placeholder={placeholder}
                      leftIcon={leftIcon}
                      rightIcon={rightIcon}
                      clickableIcon={clickableIcon}
                      width={width}
                      {...input}/>;
};

render() {
    const {handleSubmit, fields} = this.props;

    return (
        <div className="row">
            <form onSubmit={handleSubmit}>

                <Field name="searchText"
                       component={this.renderTextField}
                       placeholder="Enter title and/or skills"
                       leftIcon="icon-search"
                       width={424}
                       field={fields.searchText}/>

                <Button type="default"
                        label="go"
                        size="medium"
                        isSubmitButton={true}/>
            </form>
        </div>
    );
}

这就是我将 reduxForms 与 SearchForm 连接的方式：

const reduxSearchForm = reduxForm({
    form: "Search",
    fields: ["searchText"]
});

export default(reduxSearchForm(SearchForm));

Answer 1

通过文档检查了所有内容后，我发现问题出在组合减速器时。将 formReducer 映射到表单非常重要。这是：

export const reducer = combineReducers({
    form: formReducer,
    search
});

Redux-Forms提交数据为空

Redux-Forms submission data is empty

javascript

reactjs

redux

react-redux

redux-form