/Javascript/React/Conditional style react

Conditional style react

class App extends Component {
  constructor() {
    super()
    this.state = { isRed: true }
  }

  render() {
    const isRed = this.state.isRed

    return <p style={{ color: isRed ? 'red' : 'blue' }}>Example Text</p>
  }
}

Source: malcoded.com

Conditional style prop react

style={{ textDecoration: todo.completed && "line-through" }}

style={{ textDecoration: todo.completed ? "line-through" : 'none' }}

Conditional style react

<ImageBackground source={Images.bg} style={ (navHeight==0) ? styles.bg1 : styles.bg2}>

Source: stackoverflow.com

Similar codes

48 votes263 views4 answers
How to add comment in react js
Javascript React
15 votes232 views6 answers
Form in react
Javascript React
0 vote251 views1 answer
React image onerror
Javascript React
0 vote251 views1 answer
React locomotive-scroll
Javascript React
0 vote254 views1 answer
React-bootstrap problem-install new version
Javascript React
0 vote228 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote239 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
1 vote254 views3 answers
How to make sticky footer with react router
Javascript React
15 votes245 views2 answers
UseReducer() hook react
Javascript React
0 vote239 views1 answer
ExoPlayer with auto linking react native
Javascript React