Состояние (State) с помощью useState

Часть курса React

Все компоненты, которые вы писали до сих пор, при одних и тех же пропсах каждый раз выдают один и тот же результат. Для заголовка или карточки этого достаточно, но всё рушится, как только нужно что-то, что пользователь может менять прямо на странице: счётчик, растущий по клику, переключатель, который включается и выключается, поле ввода, показывающее только что набранный текст.

Считайте каждую отрисовку компонента отдельной фотографией, снятой в один момент: на ней видно, как компонент выглядел при тех пропсах и том состоянии, что были в тот миг. Когда вы вызываете функцию компонента, JavaScript ровно один раз проходит её сверху вниз и выдаёт один снимок, тот самый JSX, который возвращается. ...