Поиск элементов пользовательского интерфейса в React JS из инструментов HTML dev

Question

TL; DR: необходимо найти элемент пользовательского интерфейса с веб-сайта по коду React JS

В основном я работаю над проектом, в котором мне нужно разместить теги id для определенных элементов пользовательского интерфейса на веб-сайте.Код написан на React JS, но страниц много, и я не могу найти, в каком из них находится каждый элемент пользовательского интерфейса. Есть ли способ, с помощью которого я могу использовать инструменты chrome dev на веб-сайте, чтобы найти страницу, для которой предназначен кодконкретный элемент пользовательского интерфейса?

(Извините, если терминология неверна / сбивает с толку, я новичок в кодировании)

Answer 1

Я не в порядке, если я понимаю, что вы хотите, но если вы хотите получить элементы пользовательского интерфейса, которые существуют внутри React Component, я предлагаю вам использовать React Dev Tools:

https://github.com/facebook/react-devtools

Если вам нужна дополнительная помощь, поделитесь фрагментом кода, чтобы попытаться помочь вам больше