How to initialize the redux-form with dirty set true?

user_8233820 0
Viewed 1624

I have a save button binded to the dirty state, when form is dirty, enable the button, otherwise disable it.

This is good for editing an item. But when I add an item, the save button is disabled by default, because dirty is false by default.

Is there a way to set the form to dirty state?

redux-form react-redux-form
3 Answers

According to Action Creators documentation of redux-form, you can do it when you initialize data for your form:

import { initialize } from 'redux-form';

export const initializeForm = (formName, newData) => async (dispatch, getState) => {
  await dispatch(initialize(formName, newData, false));
};

Also, you can set additional options in that function f.e

import { initialize } from 'redux-form';

export const initializeFormWithOldValues = (formName, newData) => async (dispatch, getState) => {
  await dispatch(initialize(formName, newData, false, { keepSubmitSucceeded: true, keepValues: true }));
};

user_92253520

You can control the save button state yourself. All you need to do is to not enable the Save/Submit button

user_115848770
Related