/Javascript/React/Conditional style prop react

Conditional style prop 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

2 votes314 views2 answers
React native position absolute center
Javascript React
2 votes309 views1 answer
React router 404 redirect
Javascript React
4 votes313 views2 answers
How to use react-native-vector-icons
Javascript React
0 vote354 views1 answer
React-native-charts-wrapper:compileDebugJavaWithJavac FAILED
Javascript React
28 votes313 views6 answers
React proptypes
Javascript React
139 votes447 views6 answers
Creat react app
Javascript React
0 vote265 views3 answers
How to use keyextractor in flatlist react native
Javascript React
-1 vote319 views2 answers
3 dots React
Javascript React
1 vote318 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote378 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React