React JS — API компонентов

React JS — API компонентов

От автора: в этой главе мы расскажем о React js API. Мы рассмотрим три метода: setState(), forceUpdate и ReactDOM.findDOMNode(). В новых классах ES6 мы должны вручную привязать их. Мы будем использовать в примерах this.method.bind(this).

setState

Метод setState() используется для обновления состояния компонента. Этот метод не заменяет состояние, а только добавляет изменения в исходное состояние.

Мы начали с пустого массива. Каждый раз, когда мы нажимаем кнопку, состояние будет обновляться. Если кликнуть на кнопку пять раз, мы получим следующий результат.

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться

forceUpdate

Иногда нам может потребоваться обновить компонент вручную. Это можно сделать с помощью метода forceUpdate().

Мы устанавливаем случайное число, которое будет обновляться каждый раз, когда нажимается кнопка.

findDOMNode

Для манипуляций с DOM мы можем использовать метод ReactDOM.findDOMNode(). Сначала нам нужно импортировать react-dom.

Когда нажимается кнопка, цвет элемента myDiv меняется на зеленый.

Примечание. Начиная с обновления 0.14, большинство старых API считаются устаревшими или удаленны для соответствия ES6.

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться

ReactJS: основы

Изучите основы ReactJS и создайте ваше первое приложение на ReactJS

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий