¿Cuál es la forma más sencilla de escribir una declaración if en jsx cuando se basa en los datos que recibe?
¿Cómo puedo verificar el otro código al mismo tiempo, si eso tiene sentido? Entonces, si no es "P", entonces quiero asegurarme de que el otro valor sea definitivamente una "L".
código = P por lo que la salida "Caminando" código = L por lo que la salida "Corriendo"
text={ if(exercise.code = P) { "Walking"} else (exercise.code = L) {"Running"}}{ exercise?.code === "P" ? "Walking" : exercise?.code === "L" ? "Running" : null }Aquí {} significa que está en JS y puede escribir si las condiciones. ? : es un operador ternario.
{ exercise.code === "P" ? "Walking" : "Running" }
Cree un objeto para usar como mapeo:
const codeMap = { C: "Crawling", P: "Walking", L: "Running" };Luego puede realizar una búsqueda en su JSX:
... { codeMap[excercise?.code] || "Unknown/missing code" } ...Eso te permitirá tener tantos códigos como quieras, y no tendrás que cambiar el JSX.