Установить состояние с помощью метода this.setState
Предыдущие задачи охватывали state компонента и как инициализировать состояние в constructor . Существует также способ изменения состояния state. React предоставляет способ обновления state компонента через метод setState . Вы вызываете метод setState в своем компоненте следующим образом: this.setState() , передавая объект с парами ключ-значение. Ключами являются ваши свойства состояния, а значения - это обновленные данные состояния. Например, если мы сохраняем username в состоянии и хотим его обновить, он будет выглядеть так:
this.setState ({
username: 'Lewis'
}); state напрямую, вместо этого всегда используйте this.setState(). Кроме того, вы должны отметить, что React может выполнять несколько обновлений состояния, чтобы повысить производительность. Это означает, что обновления состояния через метод setState могут быть асинхронными. Существует альтернативный синтаксис метода setState который обеспечивает способ решения этой проблемы. Это редко необходимо, но хорошо помнить об этом! Для получения дополнительной информации обратитесь к документации React .В редакторе кода есть элемент button который имеет обработчик onClick() . Этот обработчик запускается, когда button получает событие click в браузере и запускает метод handleClick определенный в MyComponent . В методе handleClick обновите state компонента, используя this.setState() . Задайте свойство name в state равным строке React Rocks! , Нажмите кнопку и просмотрите обновленное состояние. Не беспокойтесь, если вы не совсем понимаете, как работает код обработчика кликов. Это будет рассмотрено в дальнейших задачах.