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

Question

[Unknown]

Как отрендерить компонент из 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>
    );

Answer 1

[0xD34F]

// достаёте компонент из пропсов, обратите внимание, что
// имя переменной должно начинаться с большой буквы
const Component = this.props.component;

// ну и рендерите его
<Component />

Comments

[Unknown]

спасибо :)