How can I write an else if structure using React (JSX) - the ternary is not expressive enough

Question

I want to write the equivalent in react:

if (this.props.conditionA) {
    Condition A
} else if (this.props.conditionB) {
    

        

Answer 1

If any one still facing this issue, please paste below line in your eslintrc.js file.

"no-nested-ternary" : "off" 

This will allow you to start using nested ternary in your jsx code.