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

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

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

11 ответов

5 просмотров

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

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

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

Какая цель?

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

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

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

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

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

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

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

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

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

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

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

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

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

Обсуждают сегодня

Типа вызывать GetParent и проверять на соответствие GetModuleHandle?
The Bird of Hermes
67
Do any of you guys have interesting projects one could join? I'm a Middle Full-Stack developer (JS/TS, React & Node)
Lev Shapiro
40
$res = json_decode($наша строка из респонса); $res1 = array_map(fn($o) => $o->name, $res->breadcrumbs[0]->entities); Как такое будет на Хаскеле?.. В начале весь джейсон, в ко...
Хаскель Моисеевич Гопник
27
В чем сила брат, в NASM или FASM?
Isaac Kleiner
18
Вопрос по диагностике ошибок (я знаю в чем, в данном конкретном примере, я знаю, как исправить, пример модельный, понятно, что в реальности бывает намного запутаннее). module...
ⰄⰎⰋⰐⰐⰑⰛⰤⰧⰧⰩⰄ ⰊⰑⰁⰓⰡⰛⰦⰕⰫ
11
А чем вам питонисты не угодили?😂
.
79
Есть какой-нибудь для Delphi/FPC T*Compression(Decompression)Stream на базе LZ4/Zstd/любой другой быстрый(и хорошо сжимающий) алгоритм А ещё лучше в pure pascal А ещё лучше од...
notme
52
Хтось використовував Vapor на Windows?
Jaroshevskii
15
Какое виндузовое сообщение приходит TTabSheet, что риэлайняться контролы на нем, даже у которых парент другой? Ситуация: открываю форму - кнопок нет, перелистываю на другой т...
Катерина Свиридова
7
Тут кста кто-нибудь NeoVim использует?
Simple Sorcerer
13
Карта сайта