重新加载页面后保留 Redux 表单值.(无提交表格)

Question

重新加载页面后表单页面设置值。我正在将状态保存在本地存储中。我现在拥有的是页面重新加载值后不显示，直到我单击输入字段。要实现这一目标，我应该使用哪种方法？任何教都会很好。

视频

export default reduxForm({
form: 'checkoutForm',
keepDirtyOnReinitialize: true,
enableReinitialize: true,
})(PaymentOptions);

Answer 1

如果我正确理解手头的问题，我有一个可能对你有用的建议。

创建获取本地存储的操作创建器

export const getLocalStorageData = () => dispatch => {
const storage = localStorage.getItem('form_data')
dispatch(...update store here)
}

尝试连接initialValues

CheckoutForm = connect(
state => ({
initialValues: state.data // pull initial values from reducer
}),
{ data: getLocalStorageData } // bind getLocalStorageData action creator
)(CheckoutForm)

在初始值上重新形成文档供您参考。