How to CSS display:none within conditional with React JSX?

Question

I\'m trying to render a div on the same page when the user clicks on a link.

My HTML page:

  
Stores&l         


        
      

Answer 1

This is due to incorrect usage of the ternary operator. See documentation here: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

You should not wrap it with {} as you have done.

Try the following:

style={{display: this.state.showStore ? 'block' : 'none' }}