/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 vote142 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
10 votes150 views3 answers
Install firebase react
Javascript React
0 vote158 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote203 views2 answers
React native use route params
Javascript React
0 vote173 views1 answer
React native load function each time visit screen
Javascript React
2 votes157 views1 answer
React native image source local file
Javascript React
22 votes154 views3 answers
How to define array in react js
Javascript React
0 vote147 views1 answer
React native how to pass id from list to function
Javascript React
2 votes168 views3 answers
New line in react js
Javascript React
0 vote146 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React