Сохранять значения формы Redux после перезагрузки страницы. (Без отправки формы)

Question

Редукция значений страницы формы после перезагрузки страницы.Я сохраняю состояние в локальном хранилище.то, что у меня сейчас, после перезагрузки страницы значения не отображаются, пока я не нажму на поле ввода.чтобы достичь этого, какой подход я должен использовать?Любой учил бы хорошо.

видео

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

Answer 1

Если я правильно понимаю проблему, у меня есть предложение, которое может сработать для вас.

Создайте создателя действия, который получает localStorage

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)

документами редуктивной формы на initialValues ​​для справки.