/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

6 votes389 views2 answers
React native activity indicator
Javascript React
0 vote363 views1 answer
Infinite scroll for chat react js
Javascript React
0 vote326 views1 answer
Styling scrollview height in react native
Javascript React
18 votes453 views3 answers
How to setup tailwind for reactjs
Javascript React
0 vote303 views1 answer
Most common use cases of portals in react
Javascript React
16 votes355 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
17 votes360 views5 answers
How to run react native app
Javascript React
1 vote350 views1 answer
Android resource linking failed react native image crop picker
Javascript React
0 vote386 views1 answer
React controllers
Javascript React
0 vote387 views1 answer
Modal in react
Javascript React