How to Perform Inline nested if statement in React Component?

Question

How to perform inline nested if Statement in React View ,

For example

true ? function a()  : function b()

the Above format is working fine but i need to perform nested if like below example

For Example

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

My Working Code

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

Tried Nested If but not Working

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

I think you should avoid this, you lose so much readability. I'll put this into a dedicated function — soywod
– soywod, Commented Apr 16, 2017 at 17:08
they are newly made changes so i have to follow the same way — Gopinath Kaliappan
– Gopinath Kaliappan, Commented Apr 16, 2017 at 18:14

Ved · Accepted Answer · 2017-04-16 18:19:08Z

1

You are missing the else condition for nested else.

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

It should work:

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

edited Apr 16, 2017 at 18:19

answered Apr 16, 2017 at 17:03

Ved

12.1k5 gold badges46 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Gopinath Kaliappan Over a year ago

Dont Work Ved :(

Gopinath Kaliappan Over a year ago

Great Ved ... it is the Solution ... :) Thanks for the time

Ved Over a year ago

Welcome @VickySmart.

Collectives™ on Stack Overflow

How to Perform Inline nested if statement in React Component?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related