Tengo el siguiente código de un proyecto:
setTweetLibrary((curr) => { if (!curr[0] || (curr[0] && curr[0].id !== saved_tweets[0].id)) { console.log("update"); return saved_tweets; } else { console.log("not update"); return curr; } });Me gustaría convertir esto en un operador ternario con un signo de interrogación ("?") para hacerlo más ordenado, pero no sé cómo. ¿Alguien puede aconsejar? ¡Gracias!
Creo que estoy realmente confundido sobre cómo la sintaxis de los operadores ternarios con múltiples condiciones y valores
Como ternario se vería así:
setTweetLibrary((curr) => { return !curr[0] || (curr[0] && curr[0].id !== saved_tweets[0].id) ? saved_tweets : curr; });Tenga en cuenta que ya no hay lugar para console.logs. Pero parecen estar depurados de todos modos.
El operador ternario no es un reemplazo genérico para una declaración if, solo para elegir entre expresiones que van al mismo destino.
Si eliminamos el registro, ambas ramas están devolviendo una variable:
if (!curr[0] || (curr[0] && curr[0].id !== saved_tweets[0].id)) { return saved_tweets; } else { return curr; }El hecho de que la condición sea una expresión larga no hace ninguna diferencia, sigue siendo equivalente a esto:
if (some_condition_goes_here) { return saved_tweets; } else { return curr; } En ese caso, podría usar un operador ternario para seleccionar entre los dos: mueva el return a donde está el if y el ? y : antes de los dos valores. Luego ponga todo entre paréntesis para asegurarse de que todo se calcule antes de return :
return ( (some_condition_goes_here) ? saved_tweets : curr );Específicamente:
return ( (!curr[0] || (curr[0] && curr[0].id !== saved_tweets[0].id)) ? saved_tweets : curr ); Podría ser posible agregar el inicio de sesión allí también, pero será mucho más difícil de leer que simplemente usar una declaración if normal, por lo que si desea eso, o cualquier otra lógica, simplemente quédese con if...else .
Esto funciona
return (!curr[0] || (curr[0] && curr[0].id !== saved_tweets[0].id) ? saved_tweets : curr)