Question

我在使用redux-forms时遇到了麻烦。提交表单时，数据对象为空。只有一个输入和一个提交按钮。这是代码，我无法理解我做错了什么。

在搜索视图中：

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>
    );
}

在搜索表单中：

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

export default(reduxSearchForm(SearchForm));

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

{{1}}

Answer 1

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

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

Redux-Forms提交数据为空

1 个答案: