pregunta simple aquí teniendo esto:
<Row> { "Client : " && elt.client?.libelle} </Row>Me gustaría que si elt.client está definido, mostrando:
Cliente: cliente libelle
No estoy seguro exactamente de lo que quieres decir, pero ¿quizás esto ayude?
<Row> {elt.client ? elt.client.libelle : elseStatement} </Row>Significado: `if (elt.client) { return elt.client.libelle } else { return "lo que quieras" }
`
Puede utilizar el operador ternario (? y :). Este operador se usa con frecuencia como una alternativa a una instrucción if...else.
<Row> { elt?.client?.libelle ? ("Client : " + elt.client.libelle) : "" } </Row>Se necesitan tres operandos: una condición seguida de un signo de interrogación (?), luego una expresión para ejecutar si la condición es verdadera seguida de dos puntos (:) y finalmente la expresión para ejecutar si la condición es falsa.
Además, puede utilizar el operador de encadenamiento opcional (?.) de JavaScript que evita un error si una referencia es nula (nula o indefinida).
En este caso, si elt no está definido, no arrojará un error. Por lo tanto, si se define todo elt , elt.client y elt.client.libelle y el valor no es nulo, se mostrará "Cliente:" + elt.client.libelle.