@Richswitch
junior

Как отрендерить компонент переданный в Props?

Как отрендерить компонент из Props? Знаю про паттерны HOC и Render Props, но ни один не использовал.
Что мне нужно сделать с этим кодом чтобы мой компонент отрисовался?

// App.js
return (
<BlurBackground loading={loading} component={LoadingComponent}>
   <AnotherComponent />
</BlurBackground>
)
// BlurBackground.js
   const { loading, children, component } = this.props;
    return (
      <BlurWrapper loading={true}>
        {children}
        {component} // Вот этот должен рендериться
      </BlurWrapper>
    );
  • Вопрос задан
  • 246 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
// достаёте компонент из пропсов, обратите внимание, что
// имя переменной должно начинаться с большой буквы
const Component = this.props.component;

// ну и рендерите его
<Component />
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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