redux-form没有显示其所有props值

问题描述

我想使用redux-form的所有eventHandler在相同的输出图像中显示，但它不是作为道具出现的，因此我现在面临着不确定的错误，该怎么办才能解决该问题

我已在src文件夹的index.js文件中导入了reducers并创建了商店

package.json

 {
  "name": "reactjs","version": "0.1.0","private": true,"dependencies": {
    "@material-ui/core": "^4.11.0","@material-ui/icons": "^4.9.1","prop-types": "^15.7.2","react": "^16.11.0","react-dom": "^16.11.0","react-router-dom": "^5.2.0","react-scripts": "3.2.0","react-transition-group": "^4.4.1","redux-form": "^8.3.6"
  },"scripts": {
    "start": "react-scripts start","build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject"
  }
}

reducers / index.js

 import { reducer } from 'redux-form';
import { combineReducers } from "redux";

export default combineReducers({
    reducer

})

TouristRegistration.js

    import React,{ Component } from 'react';
    import { reduxForm,Field } from "redux-form";
    import { Button } from "@material-ui/core"
    import RegistrationField from "./ReaperComponent"

    class TutiorsRegistrationForm extends Component {
    handlenextpage = () => {

        this.props.nextPage()
    }
    render() {
        return (
            <form>
                <Field
                    type="text"
                    name="FirstName"
                    component={RegistrationField}
                />
                <Button
                    color="primary"
                    variant="contained"
                    type="submit"
                >Next
                </Button>
            </form>
        );
    }
}

const validate = (value) => {
    const errors = {}
    if (!value.FirstName) {
        errors.FirstName = "Required"
    }
    console.log("error " + JSON.stringify(errors));




    return errors;

}

export default reduxForm({
    validate: validate,form: 'TutiorsRegistrationForm'

})(TutiorsRegistrationForm);

RegistrationField.js

 import React from 'react';
import { TextField } from "@material-ui/core"

const ReaperComponent = (props) => {

    console.log("props " + JSON.stringify(props));
    return (

        <TextField />

    );
}

export default ReaperComponent;

输出 of instructor

我的情况下输出

props {"input":{"name":"FirstName","value":""},"meta":{"active":false,"asyncValidating":false,"autofilled":false,"dirty":false,"form":"TutiorsRegistrationForm","invalid":false,"pristine":true,"submitting":false,"submitFailed":false,"touched":false,"valid":true,"visited":false}}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）