将 props 传递给 React 中的子组件

Question

我正在创建一个反应功能组件，我想在其中显示一个图标。

function Item(props) {
    return ({props.icon});
}

我这样显示它 -

<Item icon={<FaIcon />} />

有没有办法将道具从 Item 组件传递给图标？

像这样的东西 -

function Item(props) {
    return ({props.icon(props: {})});
}

Answer 1

像任何其他组件一样渲染它

首先，您需要将原始组件作为道具发送

<Item icon={FaIcon} />

然后像组件一样渲染它

function Item(props) {
    return (<props.icon /* Here goes the props */ /> );
}