Reactjs 在道具中传递的反应材质UI图标-->；到jsx（类型脚本）

我在React环境中使用了材质UI库中的图标。我将此图标作为属性传递给子react元素，并希望在该子元素中呈现它

因此，如果一般情况下，您只需要：

import DeleteIcon from '@material-ui/icons/Delete';

...

render(
       <DeleteIcon/>
)

从“@material ui/icons/Delete”导入DeleteIcon；
...
渲染(
)

现在我将其作为子元素中的属性，这是我的子元素代码：

export const InteractiveListItem: React.FC<{ Icon?: OverridableComponent<SvgIconTypeMap<{}, "svg">> }> = (props) => {

    return (
        {props.Icon}  ------> not rendered!
    )

export const InteractiveListItem:React.FC=（道具）=>{
返回(
{props.Icon}----->未渲染！
)

---

如何将这个ovverrideableComponent“转换”为可接受的ReactElement？

请确保您以正确的方式传递道具：

图标={}

，正如您在InteractiveListItem组件中指定的那样。

成功了！我刚刚将它作为ReactElement传递，正如您所说：）我真傻，谢谢！