/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

3 votes188 views1 answer
Css in a react file
Javascript React
0 vote239 views2 answers
React native how to delete android build
Javascript React
0 vote187 views1 answer
Store data with props in react js
Javascript React
0 vote201 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
1 vote138 views1 answer
React use callback
Javascript React
-1 vote177 views1 answer
React native smart splash screen
Javascript React
133 votes690 views6 answers
Using bootstrap with react
Javascript React
11 votes193 views2 answers
How to refresh the page using react
Javascript React
92 votes194 views6 answers
React router dom
Javascript React
3 votes191 views2 answers
React chart.js
Javascript React