/Javascript/React/React style ternary operator

React style ternary operator

<img 
  src={this.state.photo} 
  alt="" 
  style={ isLoggedIn ? { display:'block'} : {display : 'none'} }  
/>

// or

<img
  src={this.state.photo} 
  alt=""
  style={ { display: isLoggedIn ? 'block' : 'none' } }  
/>

Similar codes

6 votes132 views2 answers
Export default function react
Javascript React
0 vote149 views1 answer
Preventdefault not working react
Javascript React
0 vote140 views1 answer
Setstate after timeout react
Javascript React
1 vote83 views1 answer
How to install formik in react native
Javascript React
0 vote128 views1 answer
How to refresh android studio react native
Javascript React
-1 vote139 views1 answer
Component navigation without changin the url react router
Javascript React
11 votes132 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote127 views1 answer
Radio button in react native expo
Javascript React
7 votes120 views4 answers
React native update state array of objects
Javascript React
0 vote126 views1 answer
Loop number in react
Javascript React