Javascript 有条件地使用材质ui默认属性

我在物料界面中有一个

StepLabel

组件。根据传递给父级的道具，我可能需要更改StepLabel的

图标
道具：

界面道具{
customClasses？：ClassNameMap；
customIcon？：反应节点；
}
常量MyStepComponent=（道具：道具）=>{
const{customClasses，customIcon}=props
返回(
)
}

因此在这个场景中，如果一个
customIcon
被传递到
MyStepComponent
，它将呈现该图标而不是默认图标，如果
customClasses
也被传递，它将对该图标应用一些自定义类。太好了

但是如果
customIcon
没有通过，我希望
Step
组件只使用其默认图标（即带有步骤号的蓝色圆圈）。但是，在我的代码中，它不会呈现默认图标，而是呈现
null

如何告知
步骤
使用我的
自定义图标
（如果存在），但如果不存在，则使用默认值？
如果自定义图标为truthy，则将触发第一个if，并呈现带有自定义图标的组件


constmystepcomponent=（props:props）=>{
const{customClasses，customIcon}=props
如果（自定义图标）{
返回(
)
}
返回(
)
}