/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

108 votes356 views1 answer
How to start react app in windows
Javascript React
10 votes324 views3 answers
Query string in react js
Javascript React
50 votes287 views6 answers
Yarn create react app
Javascript React
0 vote316 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote294 views1 answer
Drawer navigation set width react native
Javascript React
0 vote324 views1 answer
Image and video lightbox react
Javascript React
1 vote322 views1 answer
How to map objects in react native
Javascript React
2 votes316 views1 answer
React array find index
Javascript React
0 vote339 views1 answer
Settimeout react native focus text input
Javascript React
32 votes302 views1 answer
React touter dom
Javascript React