Как добавить идентификатор/имя к компоненту для отображения в режиме разработки браузера?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как добавить идентификатор/имя к компоненту для отображения в режиме разработки браузера?

Сообщение Anonymous »

Я новичок в веб-разработке, и у меня есть основной вопрос:
В режиме разработки браузера я могу «проверить» выбранный компонент пользовательского интерфейса в структуре страницы:
Режим разработчика Chrome ---> Элементы ---> дерево структуры страницы;
Изображение

Я вижу все эти компоненты, но очень сложно понять, какому компоненту ReactJS они соответствуют.
Есть ли способ, которым я могу можно добавить идентификатор/имя к компоненту ReactJS, чтобы он отображался в инструменте разработчика?
Например, выделенная строка:
Что это за загадочный идентификатор «css-1n8fc9c»?

Подробнее здесь: https://stackoverflow.com/questions/736 ... r-dev-mode
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»