Перше, що потрібно знати, це те, що react-hook-form використовує “useRef” для керування компонентами форми, в той час як useState використовує “state” для керування компонентами форми.
useRef
Ми знаємо, що useRef не призводить до перерендерення кожного разу, коли значення змінюється. Це більш екологічний спосіб керувати вашою формою, особливо коли у вас є багато компонентів форми.
useState
useState, з іншого боку, перерендерюється кожного разу, коли ви змінюєте компоненти форми. Якщо на сторінці багато компонентів форми, це може стати проблемою.
Тож, чи варто використовувати useRef?
Переваги та Недоліки
Не зовсім. Це залежить.
useState — це простий спосіб керувати компонентами форми, і він дуже зручний для людей, які тільки починають працювати з React. Я рекомендую тим, хто ще не знайомий з React, спочатку використовувати useState і не турбуватися надмірно про ефективність.
Чесно кажучи, для початківців справді потрібно час, щоб звикнути до React Hook Form.
Але, незважаючи на це, це варто вивчити.
Якщо ви маєте справу з складною формою, вам слід вибрати react hook form. Це дуже зручно завдяки вбудованим функціям, таким як “isDirty”, завдяки якому можна визначити, чи змінено компонент форми, та “errors”, що дозволяє швидко підготувати повідомлення про помилки.
Спробуйте, це того варте.
Перекладено з: Should I use React Hook Form or just useState to control my form