作者:萧俊瑄俊明纬伦 | 来源:互联网 | 2022-12-02 13:12
我正在使用redux向导表单进行编辑,其中我在向导中的每个页面的componentDidMount中加载数据.但是,当我更新值并转到下一页时,更新的值不会在第二种形式中重新连接,而如果我来到上一页,它会加载初始值而不是更新的值.任何人都可以告诉我我的代码有什么问题:
第一表格:
componentDidMount() {
const users = this.props.users;
let user = {};
user = users[this.props.userID];
this.setState({file: user.profilePicture});
this.props.initialize(user);
console.log('user is', user);
}
render() {
const { handleSubmit } = this.props;
const age = (value) => (value == null ? '' : this.state.age);
return (
);
}
}
export default reduxForm({
form: 'userEditForm',
keepDirtyOnReinitialize: true,
enableReinitialize: true,
validate
})(UserGeneralForm);
第二表格:
componentDidMount() {
const users = this.props.users;
let user = {};
user = users[this.props.userID];
this.props.initialize(user);
console.log('users detail in Personaldetail form', user);
}
render() {
const { handleSubmit, previousPage } = this.props;
const users = this.props.users;
let user = {};
user = users[this.props.userID];
return (
);
}
小智..
6
对于表单1,您需要创建通过mapStatetoprops和mapDispatchToProps连接表单,并在mapstatetoprops中设置将在compomentdidmount期间填充的初始值.在mapdispatchtoprops中调度将在更新期间更新表单的操作....并在最后传递mapdispatchtoprops和连接方法参数中的mapstatetoprops并在连接的组件中导出表单如下所示.
1> 小智..:
对于表单1,您需要创建通过mapStatetoprops和mapDispatchToProps连接表单,并在mapstatetoprops中设置将在compomentdidmount期间填充的初始值.在mapdispatchtoprops中调度将在更新期间更新表单的操作....并在最后传递mapdispatchtoprops和连接方法参数中的mapstatetoprops并在连接的组件中导出表单如下所示.