如何在React Component中执行内联嵌套if语句？

Question

如何执行内嵌嵌套if语句在阵营查看，

例如

true ? function a() : function b() 

上述格式工作正常，但我需要进行嵌套，如果像例如

低于示例

true ? true : function a() : true :function b() 

我的工作守则

<div onClick={()=> this.props.materials.is_table_clicked ? this.handleLocal() : this.props.enableMaterialTable(this.props.materials)}> 

尝试过使用嵌套如果但不工作

<div onClick={()=> this.props.materials.is_table_clicked ? this.handleLocal() : this.props.audio.playing ? this.props.enableMaterialTable(this.props.materials)}> 

Answer 1

你缺少嵌套否则else条件。

: (this.props.audio.playing ? 
this.props.enableMaterialTable(this.props.materials):""//You missing this 

它应该工作：

<div onClick={()=> this.props.materials.is_table_clicked ? 
    this.handleLocal() : (this.props.audio.playing ? 
this.props.enableMaterialTable(this.props.materials):"")}>