Three ways of conditional rendering in Jsx

Three ways of conditional rendering in Jsx

1、if-else

2. Ternary operator

	class App extends Component {
		render(){
			return(
				<div>{ result ? <p>hello world</p> : null }</div>
			);
		}
	}

3. && logical operator

	const result = true && 'Hello World'; 
	console.log(result); 
	// output: Hello World
	
	const result = false && 'Hello World'; 
	console.log(result); 
	// output: false