Saltar al contenido

prestación condicional en Reaccionar con examplesDec, 31stIn este tutorial, vamos a aprender acerca de lo que es condicional …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de lo que es la representación condicional andhow para implementarlo en reaccionar.

¿Cuál es la representación condicional?

condicionales medios de representación sólo se muestran los elementos de la interfaz de usuario si la condición particular es verdadera o falsa.

SI / condicionales ELSE mirada de

dejó entrar en JavaScript condicionales if-else.

let num = 2

if(num === 2){
console.log('the given number is 2')
}else{
console.log('the give number is not 2')
}

En el código anterior, hemos inicializado una variable con 2 a continuación, se utilizó otra cosa si condicional para registrar el mensaje basado en el número proporcionado.

vamos a poner en práctica el if / else condicional en react.js.

function App(props){

if(props.num === 2){
return

The given number is 2

}else{
return

The given number is not 2

}

}

En el componente App pasamos prop num a 2, de modo que sólo podemos hacer que el p elemento presente en el interior del si la condición.

operador ternario

podemos hacer que nuestro código de componente de aplicaciones más corta mediante el operador ternario.

function App(props){

{props.num === 2 ?

The given number is 2

:

The given number is not 2

}

}

Aquí nos envuelve nuestro código entre llaves porque en reaccionan JSX tenemos que utilizar llaves para las expresiones de JavaScript. Logical && (y) operador

En JavaScript, el && operador lógico se utiliza para evalúa la expresión si la condición dada es verdadera.

true && expression // expression

false && expression // false function Search(props){

return (

Search

{props.searchResults > 0 &&

    search results

}

)

}

En el componente de búsqueda que utiliza el operador lógico && (y) para hacer que el elemento ul sólo si props.results es mayor que 0.