Описание тега react-devtools
React Developer Tools позволяет вам проверять иерархию компонентов React, включая свойства и состояние компонентов. Он существует как как расширение браузера (для Chrome и Firefox), так и как отдельное приложение (работает с другими средами, включая Safari, IE и React Native).
0
ответов
Как просмотреть иерархию всех компонентов в инструментах реагирования?
Задавать это, потому что становится немного трудно проверять их вручную один за другим в инструментах реагирования (например, открывая компонент приложения и проходя весь путь вниз вручную, это немного громоздко при просмотре примеров кодов). Было б…
23 июл '17 в 04:19
2
ответа
React-devtools для крючков?
Я использую Chrome-расширение response-devtools. Когда я устанавливаю состояние с помощью хуков (useState) для установки объекта в состояние, фактическая установка состояния, кажется, работает нормально. Однако в devtools этот объект состояния показ…
11 фев '19 в 00:19
0
ответов
Метод рендеринга реагирования обезьяны в расширении devtools
Я пытаюсь создать обезьянький патч для метода рендеринга React из расширения devtool, потому что я пытаюсь воссоздать что-то похожее на api response_devtool для функции в моем расширении. Я подделываю виртуальный DOM проверяемого окна этими двумя ст…
05 окт '17 в 17:30
2
ответа
Не позволяйте инструментам React dev изменять реквизит / состояние
Есть ли способ предотвратить какие-либо изменения пропеллера / состояния от переднего плана на производстве? Я попробовал следующее, но это полностью отключает инструменты dev: if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') { for (le…
18 апр '18 в 18:49
1
ответ
Как я могу добавить расширения DevTools в редактор Atom?
Я хотел бы иметь возможность использовать расширения devtools, такие как React Developer Tools для Atom, в режиме разработки. Как я могу это сделать? В официальной документации Electron упоминается способ загрузки расширений devtools в окне Electron…
02 апр '18 в 10:38
1
ответ
В реагировать на devtools, что означают различные цвета подсветки опции "highlightUpdates"
Я использовал response-devtools для обнаружения ненужных обновлений компонентов, однако я не уверен, что полностью понимаю, как это работает. Я могу идентифицировать различные компоненты, которые были обновлены, по добавленным границам, указывая, чт…
02 авг '18 в 07:38
0
ответов
Невозможно использовать реагировать devtools & redux devtools в сборочной версии CRA
С помощью create-react-app с помощью redux и с обоими расширениями, установленными в chrome, я могу отлаживать свое приложение с этими двумя. Тем не менее, после создания моего приложения npm run build два расширения не работают. Загрузка Redx Devto…
27 дек '17 в 07:52
0
ответов
Почему в React Dev Tools появляются два провайдера
В React Dev Tools я вижу двух провайдеров: Насколько я знаю, я не делаю ничего странного при настройке кода: ReactDom.render( <Provider store={store}> <ConnectedRouter history={history} > <Routes store={store} /> </ConnectedRout…
28 авг '17 в 19:22
1
ответ
Как мне найти компонент с определенным ключом в React Developer Tools?
В настоящее время я использую расширение Chrome React Developer Tools для отладки компонента, основанного на React Virtualized. Как вы можете видеть на скриншоте, я смог выделить все ячейки, но не могу понять, как найти только ячейку с определенным …
28 июн '17 в 11:23
0
ответов
Есть ли способ отправить компоненты явным образом реагировать на инструмент разработки, чтобы наметить определенные специальные компоненты?
Например, я хочу, чтобы все компоненты, которые столкнулись с ошибкой, в основном отправляли компонент, реагируя на devtool, чтобы он выделялся / мигал. Мне было интересно, если я делаю что-то вроде window.postMessage('react-devtools', { type: 'even…
20 июн '18 в 17:37
1
ответ
Какие изменения в состоянии компонента я могу сделать, используя React devtools?
У меня есть компонент, который состоит из объекта, который содержит массив объектов, который в свою очередь имеет ключи и строки this.state = { dinosaurs: [ { era: "jurassic", name: "diplodocus", diet: "herbivore" }, { era: "cretaceous", name: "velo…
06 ноя '18 в 00:06
0
ответов
Настроить внешний вид инструментов Chrome Reaction Dev (прокрутка)
Когда есть много вложенных компонентов, мне не нравится, как это выглядит. Раньше это выглядело иначе, но я не уверен, что я сделал / случилось, но это больше не выглядит так. Как я могу настроить так, чтобы компоненты реагирования внизу имели больш…
22 авг '18 в 12:57
1
ответ
response-devtools: по умолчанию DevTools прослушивает порт 8097 на локальном хосте. Как настроить?
Я пытаюсь установить автономный response-devtools, который по умолчанию прослушивает порт 8097. Мое приложение использует порт 3001. В документации сказано следующее: "По умолчанию DevTools слушает порт 8097 на локальном хосте. Если вам нужно настро…
28 мар '17 в 16:12
0
ответов
Откройте меню разработчика после установки.
В настоящее время я работаю на большом планшете с Android, например на рекламной доске. Я пытаюсь использовать реакцию-родной для него и единственный порт, который у них есть, это USB. Я пытаюсь открыть меню разработчика, но понятия не имею, как. Я …
05 апр '18 в 03:26
1
ответ
IOS на устройстве отлаживает пример кода, предоставленного Realm, не работающим с инструментом Chrome dev
Строго следовал описанию, указанному на сайте Realm Реактивный родной myproj cd myproj установка npm установка npm - сохранить область Реакционно-нативная область ссылок сейчас работает npm list проверить некоторые версии react@16.3.1 react-native@0…
12 июн '18 в 08:40
1
ответ
Как отладить реакции, когда браузер загружается нормально, но телефон не работает
Мне интересно, есть ли несколько советов о том, как отследить причину, по которой мое приложение activ.js не загружается. В Chrome ОК Физический iPhone 6 - ОК В iPhone Simulator 6s - не в порядке Старый iPad2 - не в порядке Я npm install -g react-de…
24 июл '17 в 17:05
1
ответ
Реагируйте Devtools, показывая, что компонент визуализируется дважды
Я пытаюсь заставить страницу перенаправиться на домашнюю страницу, если пользователь вошел в систему и пытается перейти на страницу входа или любой другой маршрут, который не обрабатывается. Я попытался сделать функцию, которая либо отображает стран…
15 июн '18 в 10:54
1
ответ
Ошибка: не удается найти модуль "webpack/lib/removeAndDo" в Function.Module._resolveFilename (module.js:470:15)
Когда я пытаюсь выполнить npm install построить мой react участие в проекте. выдает ошибку ниже: *module.js:472 throw err; ^ Error: Cannot find module 'webpack/lib/removeAndDo' at Function.Module._resolveFilename (module.js:470:15) at Function.Modul…
06 сен '18 в 05:54
2
ответа
Просматривать сетевой трафик с помощью собственного встроенного отладчика.
Я разрабатываю приложение React Native с использованием приложения create-Reaction-native-app (так, Expo), тестирую на реальном устройстве, используя мой сетевой IP-адрес (192.xxx.xxx.xxx). Мне удалось запустить и запустить отладку Reaction-native-D…
07 сен '18 в 14:47
0
ответов
Что означают два числа в диаграмме реагирования devtools
Я использую автономный пакет response-devtools для профилирования своего собственного приложения Reaction. В отличие от того, что показано в официальной документации devtools, в моих devtools есть две цифры на каждом столбце в диаграмме пламени. Что…
20 фев '19 в 11:32