/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 vote131 views1 answer
React js practical tutorial
Javascript React
13 votes72 views1 answer
ReactDOM is not defined
Javascript React
6 votes132 views2 answers
React native disable the text input
Javascript React
1 vote143 views1 answer
How to insatll react-router-dom
Javascript React
131 votes206 views6 answers
Creating react app
Javascript React
0 vote139 views1 answer
Adding js file to reactjs
Javascript React
1 vote116 views1 answer
Press enter reaction js
Javascript React
1 vote129 views1 answer
Yup only characters regex validation react
Javascript React
2 votes142 views2 answers
Capture enter button react input
Javascript React
0 vote135 views1 answer
React native prevent rotation of screen
Javascript React