如何解决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;
我的情况下输出
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(将#修改为@)