Question

我最近正在开发一个 React 项目，该项目正在创建从 redux-form@8.3.7 中获取输入。但问题是它没有采用表单中的值。

在检查 redux-dev 工具时，该值正在替换前一个，我在整个互联网上搜索了类似的问题，但找不到解决方案。

我的代码

减速器

import { combineReducers } from "redux";
import { reducer as formReducer } from 'redux-form'
import ocaFormFieldReducer from "./ocaFormReducers/ocaFormFieldReducer";
import stepperActiveStepReducer from "./ocaFormReducers/stepperActiveStepReducer";
import groupFieldReducer from "./ocaFormReducers/groupFieldReducer";


const reducer = combineReducers({
    ocaFormFieldReducer,
    stepperActiveStepReducer,
    groupFieldReducer,
    formReducer
});

export default reducer;

import React from "react";
import { connect } from "react-redux";
import { Field, reduxForm } from "redux-form";
import { withStyles } from "@material-ui/core/styles";

function ProductPlanning(props) {
    const { classes, formFieldLoading, formFieldData, handleActiveStep, activeStep, cancelFormProgress, setGroupFieldApiStart, groupFieldData } = props;

return (
        <div className={classes.root}>
            {formFieldLoading && <LoadingScreen />}
            <form>
                <Field name="SUrya" component="input" type="text" />
            </form>
)
}

export default reduxForm({ form: "ocaFormData" })(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(ProductPlanning)));

如果您能对此有所了解，将会有所帮助。

提前致谢。

Answer 1

解决方案很简单，但很愚蠢。

在Combine reducer中，值reducer应该有一个键名作为形式的键值对。

const reducer = combineReducers({
    ocaFormFieldReducer,
    stepperActiveStepReducer,
    groupFieldReducer,
    form: formReducer
});

Redux-Form 在 React 中覆盖之前的值

1 个答案: