/Javascript/React/How to use if else inside jsx in react

How to use if else inside jsx in react

renderElement(){
   if(this.state.value == 'news')
      return <Text>data</Text>;
   return null;
}

render() {
    return (   
        <View style={styles.container}>
            { this.renderElement() }
        </View>
    )
}

Source: stackoverflow.com

Jsx if block

render () {
  return (
    <div>
      {(() => {
        if (someCase) {
          return (
            <div>someCase</div>
          )
        } else if (otherCase) {
          return (
            <div>otherCase</div>
          )
        } else {
          return (
            <div>catch all</div>
          )
        }
      })()}
    </div>
  )
}

Source: stackoverflow.com

React if statement

render() {
  const isLoggedIn = this.state.isLoggedIn;
  return (
    <div>
      The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.    </div>
  );
}

Source: reactjs.org

Similar codes

0 vote144 views1 answer
Ej2 react calenders
Javascript React
0 vote170 views1 answer
Navigate between files in react js
Javascript React
1 vote151 views1 answer
Reactnavigation 5 hide header
Javascript React
0 vote142 views3 answers
React router browser refresh
Javascript React
0 vote126 views1 answer
React Native - Trigger Media Scanner
Javascript React
-1 vote140 views1 answer
Image component doesn't show image from url react native
Javascript React
36 votes137 views2 answers
Ref hook in react
Javascript React
14 votes145 views5 answers
React conditional class
Javascript React
0 vote137 views1 answer
React Update a label when rate moves "quietly"
Javascript React
0 vote146 views1 answer
Fcctest cdn reactjs setup
Javascript React