Ternary react

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

Source: reactjs.org

React native conditional rendering

function Mailbox(props) {
  const unreadMessages = props.unreadMessages;
  return (
    <div>
      <h1>Hello!</h1>
      {unreadMessages.length > 0 &&
        <h2>
          You have {unreadMessages.length} unread messages.
        </h2>
      }
    </div>
  );
}

Source: reactjs.org

Similar codes

0 vote325 views1 answer
Create loop to specific length react
Javascript React
-1 vote312 views1 answer
Flatlist react native horizontal
Javascript React
0 vote353 views1 answer
Debug.xcconfig: unable to open file react native
Javascript React
40 votes306 views4 answers
What does useref do react
Javascript React
18 votes303 views2 answers
How to import background image in inline css in react
Javascript React
0 vote410 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
0 vote324 views1 answer
React native panresponder on click
Javascript React
0 vote350 views1 answer
How to add icon in react
Javascript React
29 votes294 views6 answers
If react
Javascript React
15 votes289 views4 answers
Get query params react
Javascript React