React form validation with refs?

Question

[acorn]

Добрый день гикам.
Вот создал React форму с ref . Хочу сделать проверку введённых значений. В источниках пишут, что делать лучше это через state.
Пока не могу правильно оценить ,когда и при каких обстоятельствах использовать либо state либо ref в формах.
Конкретно в моем случае, можно проверить input с ref?

Answer 1

[Максим]

Если вы будете использовать ref, то значит вы будете иметь доступ к DOM элементу, значит и валидацию надо делать "дедовским" способом, через навешивание обработчиков onChange на все ваши ref'ы (на всю вашу форму тоже получится, зависит от задачи).

Ref имеет смысл использовать, тогда когда не хотите использовать state, потому что от частого изменения в state у вас будут постоянные перерисовки компонента. Это подойдет для каких-то громадных и тяжелых форм. В обычных ситуациях, небольшой компонент формы без тяжелой логики перерисовывается мгновенно.

Основы по браузерным событиям (learn.javascrip.ru).

Answer 2

[ThemeZV]

Действительно использовать ref приходится крайне редко.
Но и использовать state или даже store для форм, нужно только тогда, когда это действительно нужно.
Используйте formsy или formik