Блог

Главная - Вопросы по программированию - Передайте компонент с реквизитами для рендеринга другому компоненту

Передайте компонент с реквизитами для рендеринга другому компоненту

#reactjs

#reactjs

Вопрос:

У меня возникли проблемы с передачей компонента с реквизитами для рендеринга другим компонентом.

Я хочу передать компонент с реквизитами для визуализации внутри компонента StandardModal.

 const StandardModal = (props) => {
  const [open, setOpen] = useState(false);

  return (
    <Modal>
      <Modal.Content>
        {props.content}
      </Modal.Content>
    </Modal>
  );
}

Вы знаете, как это сделать?

С наилучшими пожеланиями, Джошуа.

Ответ №1:

Вы можете использовать следующий код:

 <StandardModal content={<ComponentFoo propFoo={bar} />}/>

С уважением,
LA.

Ответ №2:

Передать компонент в prop, код просто такой:

 const Message = ({ greeting}) => <h1>{greeting}</h1>;

<StandardModal content={<Message greeting={"Hello"} />} />