/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

0 vote341 views1 answer
Metro server not running react native
Javascript React
4 votes422 views2 answers
Linking in react native
Javascript React
0 vote360 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React
0 vote327 views1 answer
React file preview
Javascript React
0 vote418 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
112 votes412 views10 answers
React
Javascript React
0 vote391 views1 answer
Take site to top after clicking in react
Javascript React
6 votes346 views3 answers
React native vector icons not showing
Javascript React
1 vote411 views1 answer
How to execute function without using onclick on react code example
Javascript React
2 votes420 views1 answer
React native open email client
Javascript React