or condition react code example

Example 1: ternary operator react

render () {
  return (
    
      { //Check if message failed
        (this.state.message === 'failed')
          ?  Something went wrong  
          :  Everything in the world is fine  
      }
    
  );
}

Example 2: how to use if else inside jsx in react

renderElement(){
   if(this.state.value == 'news')
      return data;
   return null;
}

render() {
    return (   
        
            { this.renderElement() }
        
    )
}

Example 3: react native conditional rendering

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

Tags:

Misc Example

Related