Redux-Forms 提交数据为空答案

【问题标题】：Redux-Forms submission data is emptyRedux-Forms 提交数据为空
【发布时间】：2016-09-09 10:07:41
【问题描述】：

我在使用 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));

【问题讨论】：

在将 renderTextField 作为 prop 传递给 Field 组件时，可能需要执行该函数。 "this.renderTextField()"
将form状态放入reducer ?

标签： javascript reactjs redux react-redux redux-form

【解决方案1】：

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

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

【讨论】：