ternary operator in jsx to include html with react

Question

I\'m using react and I\'m trying to display this error message if this.state.message === \'failed\'. But I\'m really not sure why this ternary operation isn\'t

Answer 1

You should try this:

render () {
    return (
        

            { (this.state.message === 'failed') ?
                 

                     Something went wrong
                 
 :
                  Everything in the world is fine  }
        
    );
}