/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 vote270 views1 answer
React-drag-drop-files open twice
Javascript React
1 vote209 views1 answer
Stop page refresh on button click react
Javascript React
7 votes207 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote213 views1 answer
CChartpie react
Javascript React
18 votes216 views6 answers
React native create apk
Javascript React
0 vote227 views1 answer
How to add icon in react
Javascript React
14 votes284 views4 answers
React how to update state array
Javascript React
24 votes228 views3 answers
Set port in react app
Javascript React
1 vote206 views1 answer
Responsive calc height react native
Javascript React
2 votes261 views2 answers
Set delay react native
Javascript React