Question

在传递带有要由其他组件渲染的道具的组件时遇到麻烦。

我想传递一个带有道具的组件，以在StandardModal组件内部进行渲染。

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

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

你知道怎么做吗？

最好的问候，约书亚。

Answer 1

您可以使用以下代码：

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

关于，洛杉矶。

Answer 2

通过prop中的组件，代码就是这样：

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

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

传递带有道具的组件以由其他组件渲染

2 个答案: