javascript - 将 props 传递给 React 中的子组件

Question

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

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

我像这样显示它 -

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

有没有办法将 Prop 从 Item 组件传递给图标？
像这样的东西-

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

Answer 1

像任何其他组件一样渲染它
首先，您需要将原始组件作为 Prop 发送

<Item icon={FaIcon} />

然后你像一个组件一样渲染它

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