What are the benefits of using controlled inputs in React?

Некоторые преимущества использования контролируемых вводов в React:

• Мгновенная проверка формы при каждом нажатии клавиши. 1 Это полезно, например, для отключения кнопки «Отправить», пока все значения не станут валидными. 1
• Обработка форматированного ввода и предотвращение ввода определённых символов. 1 Например, обработка поля номера кредитной карты. 1
• Синхронизация нескольких вводов друг с другом, если они основаны на одних и тех же данных. 1
• Возможность использовать инструменты и библиотеки для управления состоянием. 3
• Более предсказуемый и простой в отладке код. 3 Контролируемые вводы позволяют React выступать в роли «единого источника правды». 3

Контролируемые компоненты подходят для форм, которые требуют проверки и имеют сложную логику. 5