在反应中实现渲染道具的最佳方法

Question

我正在使用渲染模型道具，但是我认为有一种更好的方法，有人知道另一种方法吗？

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

Answer 1

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

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

或者您可以在render方法中通过变量来实现

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

，然后通过访问变量来使用它：

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