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.

Фреймворк VUE JS

VUE JS - полное руководство для современной веб-разработки

Научиться

Метки:

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

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

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree