Reactjs 将要由其他组件渲染的道具传递给组件

我在传递一个包含道具的组件时遇到问题，该道具将由其他组件渲染

我想传递一个带有道具的组件，该道具将在StandardModal组件内渲染

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

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

const-standardmodel=（道具）=>{
const[open，setOpen]=useState（false）；
返回(
{props.content}
);
}

你知道怎么做吗

致以最良好的祝愿，

---

Joshua.

您可以使用以下代码：

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

问候,，

---

LA.

在道具中传递组件，代码如下：

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

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

const Message=（{greeting}）=>{greeting}；