Как сбросить избыточную форму в всплывающем окне?

Question

У меня есть кнопка «addData», которая открывает модал с формой внутри, и сетка, по которой щелчок строки открывает ту же модель (с предварительно заполненным значением).

Моя проблема, после нажатияв строке, когда я нажимаю на кнопку «addData», форма должна быть сброшена, но она имеет предыдущее предварительно заполненное значение.

Обратите внимание, что я инициализирую значения формы с помощью реквизита.Принимая во внимание, что кнопка «addData» находится в другом компоненте (это имеет какое-то значение? Потому что мои другие функции работают совершенно нормально).

this.props.initialize({ title: data[0].title, startdate: data[0]})

Ниже код не работает для меня,

$(document).on("click", "#addData", function (e) {
   // dispatch(reset("myformName"));
   dispatch(initialize('myformName', {}));
});

Выдает ошибку «отправка не определена».Что я сделал не так?

Как я могу сбросить избыточную форму в модели?Не могу ли я сбросить событие нажатия кнопки?

Answer 1

Вы используете диспетчеризацию как отдельную функцию.dispatch - это метод хранения редукса.Вам нужно будет либо import сохранить и использовать

store.dispatch(initialize('myformName', {}));

или лучше - используйте mapDispatchToProps и прикрепите action к клику addData.Использование jquery с response-redux - очень плохая практика, и это один из примеров, почему.Если у вас возникли проблемы с подключением mapDisatchToProps к компоненту, отправьте код компонента.