Javascript 在react中实现渲染道具的最佳方法

我正在使用渲染模型道具，但我认为有更好的方法可以做到这一点，有人知道其他方法吗

{variable === "nameComponen" && <component/>}
{variable === "nameComponen2" && <component2/>}

{variable==“namecompnen”&&}
{variable===“nameComponen2”&&}

您也可以使用三元运算符：

{variable === "nameComponen"? <component/>
 :
 variable === "nameComponen2"?<component2/>:<></>
}

{variable==“namecompnen”？
:
变量==“nameComponen2”？：
}

或者您可以在render方法中通过变量执行此操作

render (){
let dispVar = "";
if(variable === "nameComponen"){
    dispVar = <component/>
}
else if(variable === "nameComponen2" ){
    dispVar = <component2/>
}

render（）{
让dispVar=“”；
如果（变量==“nameComponen”）{
dispVar=
}
else if（变量==“nameComponen2”）{
dispVar=
}

作为回报，通过访问变量使用它：

return(){
<div>
{dispVar }
</div>

return（）{
{dispVar}

具有字符串键=>组件的对象。