Tres formas de renderizado condicional en Jsx

Tres formas de renderizado condicional en Jsx

1 、 si-si no

2. Operador ternario

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

3. && operador lógico

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

Supongo que te gusta

Origin blog.csdn.net/sjs1995/article/details/107941415
Recomendado
Clasificación