Здравствуйте, как узнать ЧТО рендерит кастомный компонент? к примеру компонент <Foo

Question

React — русскоговорящее сообщество

Ja som víťaz Alkálie

Здравствуйте, как узнать ЧТО рендерит кастомный компонент? к примеру компонент <Foo

/>
выглядит так:
const Foo = () => <Bar />
Так вот, как имея только компонент Foo узнать что он рендерит Bar?

#frontend #javascript #programming #react.js #russian

0

17.08.2021

11 ответов

10 просмотров

Ja som víťaz Alkálie Автор вопроса

ха-ха. я имел в виду автоматически. или вы предлагаете мне получить исходный код компонента методом toString и обратить процесс компилирования babel?

0

17.08.2021

Dmitry Remezov

Какая цель?

0

17.08.2021

Wanna_Phonila

Зачем вам видеть, что он рендерит "автоматически"?

0

17.08.2021

Aleksey

поставь react dev tools, он расскажет что рендерит и зачем да почему

0

17.08.2021

Ja som víťaz Alkálie Автор вопроса

фильтровать компоненты jsx, но нужно видеть что внутри кастомных компонентов для рекурсивного поиска

0

17.08.2021

Ja som víťaz Alkálie Автор вопроса

Неужели это невозможно? меня эта проблема уже пару дней мучает, не могу найти решение ни в гугле ни здесь. Очень не хочется делать через костыли в виде рендеринга в DOM или в строку.

0

17.08.2021

Wanna_Phonila

Зачем вам фильтровать компоненты? Надо фильтровать данные.

0

17.08.2021

Ja som víťaz Alkálie Автор вопроса

Я хочу создать автоматически генерируемую навигацию, используя разметку jsx, вложенную внутрь компонентов. Каким образом мне раздать рефы через один элемент-родитель, внутри которого и фильтруются компоненты? Я хочу фильтровать всех детей этого компонента, но рано или поздно я получаю следующий массив props.children: […, {$$typeof: Symbol(react.element), key: null, ref: null, props: {…}, type: ƒ, …}, ...] и этот объект это как раз тот самый <Foo /> без собственных детей, но с важным статичным контентом, который мне нужно пропарсить.

0

17.08.2021

Wanna_Phonila

Безумие какое-то

0

17.08.2021

Ja som víťaz Alkálie Автор вопроса

Предложите способ лучше

0

17.08.2021

Wanna_Phonila · Accepted Answer

Wanna_Phonila

Посмотреть код. Посмотреть на страницу, где рендерится компонент

0

17.08.2021

169 похожих чатов

Здравствуйте, как узнать ЧТО рендерит кастомный компонент? к примеру компонент <Foo

11 ответов

Похожие вопросы