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

Indeed, that is not the way.

var element;
if (this.props.conditionA) {
    element = (Condition A)
} else if (this.props.conditionB) {
    element = (Condition B)
} else {
    element = (Neither)
} 
...
    {element}