@gsdev99

Как сделать динамический рендеринг?

Есть компонент, который рендерит динамически компоненты по типу. Сейчас это происходит следующим образом: один под другим. Как в данном случае правильно сделать, если, мне нужно, чтобы компонент Title (все элементы) в section.
Чтобы получилось, что-то вроде этого:
<main>
    <section>
        <Title />
        <Title />
        <Title />
    </section>

    <New />
</main>

Структуру данных менять нельзя.
const Factory = ({ widget }) => {
  const widgetType = widget.type.toLowerCase()
  
  const Component = components[widgetType]
  
  if (widgetType === 'title') {
    // я так понимаю, вот здесь должна быть логика
  }
  
  return (
    <Component widget={widget} />
  )
}

https://codepen.io/gsdev99/pen/bGdeWbw
  • Вопрос задан
  • 114 просмотров
Решения вопроса 1
0xD34F
@0xD34F
Как в данном случае правильно сделать...

Структуру данных менять нельзя

"Правильно" - никак. Непонятно, откуда должен будет взяться section.

Так что структуру данных изменить всё-таки придётся.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы