/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 vote230 views1 answer
React load after scrolling
Javascript React
1 vote221 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
0 vote222 views1 answer
How to go specific content in react single page by id
Javascript React
1 vote229 views1 answer
React event target square brackets
Javascript React
0 vote217 views1 answer
React js usehistory push and pass props
Javascript React
1 vote228 views2 answers
Yarn react native cli
Javascript React
0 vote216 views3 answers
Link react router dom
Javascript React
0 vote210 views1 answer
Csv upload with react
Javascript React
0 vote235 views1 answer
Smooth scroll react
Javascript React
18 votes289 views3 answers
How to setup tailwind for reactjs
Javascript React