if conditions jsx code example Example 1: if else render react render() { const isLoggedIn = this.state.isLoggedIn; return ( {isLoggedIn ? ( ) : ( )} ); } 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 class Component extends React.Component { const a = true render() { return ( {a == true ? () : null } ) } } This is staying: if a == true, render a button component. Otherwise render null, in other words nothing. Example 4: adding a if stement in jsx render() { return ( {this.state.value == 'news'? data: null } ) }