/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

0 vote155 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote146 views1 answer
Ant design not working in react js
Javascript React
1 vote143 views5 answers
React date picker
Javascript React
0 vote140 views1 answer
Javascript slider get value react
Javascript React
0 vote141 views1 answer
React-file-base64
Javascript React
0 vote157 views1 answer
React native header height
Javascript React
0 vote152 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote167 views1 answer
React-native-image-viewing
Javascript React
1 vote100 views1 answer
Hide column in antd table using js / react with conditional rendering
Javascript React
0 vote151 views1 answer
Calculations inside a render function react js
Javascript React