Автор оригинала: FreeCodeCamp Community Member.
Andrew Tales
Если вы создаете веб-приложение с реакцией, вы можете увидеть состояние или реквизиты компонентов в режиме реального времени. Вот быстрое решение для Chrome & Firefox!
Инструменты разработчика реагирования
Установите расширение инструментов разработчика RACT для Хром или Firefox Отказ Это позволяет осматривать иерархии компонентов реагирования в инструментах разработчиков – так же, как вы посмотрите на элементы DOM, консоли или сети.
Осмотрите компоненты реагирования
- Откройте свое приложение и осмотрите страницу с помощью Tools Developer (Command + Option + I).
- Выберите инструменты разработчика RACT
3. Выберите компонент в дереве, чтобы увидеть его состояние и текущие реквизиты.
Вы также можете выбрать элемент React прямо со страницы, зависающий через него с помощью инструмента выбора:
Изменение состояния
Если вы хотите обновить свое состояние в браузере – вы можете! Измените его, нажав и редактирующие атрибуты состояния на вкладке «Регистрация». Это повторно сделает Дом, передавая состояние вниз через реквизиты.
Счастливое кодирование! ?