Как в React проверить состияние Формы на Dirty?

Question

[Demigodd]

Представим есть компонент Form.js

// Form.js
<form>
  <input type="text" value="" />
</form>

И главный компонент App.js в котором импортирован наш форм.

// App.js
<Form />

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

// Footer.js
<button onClick={save}>Save</button>.

Вообшем какими способами на голом Реакт проверяют форму на Dirty(изменение).
Да кодить на Реакте мыслями Ангуляра не вариант...
Вот на ангуляр был метод у формы form.$dirty которое возврашает true или false. Но вот на реакте беда)

Comments

[Роман Александрович]

у кнопки есть свойство disable и как вариант

<button onClick={save} disabled={this.state.formEdite?true:false}>Save</button>.

при изменении импутов формы нужно в formEdite положить true

[Demigodd]

Роман Александрович, Даже не знаю а если форма большая то отследить все эти изменения будет сложновато.
Может существует какой нибудь универсальный метод ?

[Роман Александрович]

DEATH2298, но вы же все равно будете вешать hendler на импуты и хранить введенные данные пользователя.

[Роман Александрович]

DEATH2298, можете попробовать вот это https://github.com/jaredpalmer/formik. та же форма только валидировать намного приятнее.

[Demigodd]

Роман Александрович, Да логично)

Спасибо попробую.

Answer 1

[Роман Александрович]

https://github.com/jaredpalmer/formik.