Расширение Chrome (скрипт контента) + Реакция: получение компонента React из DOM?

Я понимаю, есть расширение хром «React Dev Tools», которое позволяет проверять приложение React. Удовлетворение, если можно прочитать реквизиты, соответствующие компоненту React, из сценария содержимого расширения Chrome, введенного на веб-странице.Расширение Chrome (скрипт контента) + Реакция: получение компонента React из DOM?

например. $ ('. todo-list'). response.props ??

источник

2017-02-17 Ameya

^вопрос в основном о получении ссылки на React Node, поэтому можно получить доступ к реквизитам – Ameya

Spoof React.render и назначить свойство: [React - получение компонента из элемента DOM для отладки] (// stackoverflow.com/a/37230133) – wOxxOm

Если вы не можете подделать Реагировать внутренности или подвергать их, еще один способ получить доступ к React узла, как это:

const root = document.querySelector('[data-reactroot]'); 
const instance = root[Object.keys(root)[0]];

Это даст вам объект, который имеет корень Реагировать элемент в ключе _currentElement ,

источник

2017-07-21 13:01:08 bodyflex

Расширение Chrome (скрипт контента) + Реакция: получение компонента React из DOM?

ответ

Смежные вопросы