/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

0 vote145 views1 answer
React application preloader add
Javascript React
0 vote145 views2 answers
React toastify dark mode
Javascript React
0 vote135 views1 answer
React image onerror
Javascript React
0 vote138 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote154 views1 answer
Timezone in react js
Javascript React
38 votes156 views2 answers
How to comment out code in react js
Javascript React
1 vote150 views1 answer
Import json file in react native
Javascript React
0 vote139 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
1 vote166 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
0 vote143 views1 answer
Check scroll top height in react js
Javascript React