/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 vote205 views1 answer
React router tutorial medium
Javascript React
-1 vote189 views1 answer
React-native run-ios command
Javascript React
0 vote271 views1 answer
React native create text file
Javascript React
0 vote191 views1 answer
Vscode react cannot find moudle when import image
Javascript React
0 vote177 views1 answer
Text decoration react native
Javascript React
0 vote202 views1 answer
React router dom change default path
Javascript React
0 vote181 views1 answer
React native custom debounce input
Javascript React
0 vote195 views1 answer
Update array hooks react
Javascript React
0 vote180 views1 answer
Clear React Native TextInput
Javascript React
5 votes192 views3 answers
Linear gradient react js
Javascript React