Tengo un bloque de interruptores muy simple y tengo un conjunto muy estricto de opciones que posiblemente se pueden incluir en él. El bloque de interruptores es el siguiente...
const handleOption = (option) => { setSortBy(option) switch (option){ case("DAR"): setTitle('Delivered and Recieved') case('DCR'): setTitle('Delivery Completion Rate') case('POD'): setTitle('Photo on Delivery Rate') case('CC'): setTitle('Call Compliance') case('SC'): setTitle('Scan Compliance') case('FICO'): setTitle('FICO') case('cdf'): setTitle('Customer Feedback') default: console.log(option) setTitle(option) } setTitle(option) } Como puede ver, tengo una instrucción console.log en el caso predeterminado. Siempre que algo entre en esta expresión de función, llegará al valor predeterminado y se registrará. Hasta ahora, he registrado todas las opciones de casos posibles, ya que cada una de ellas alcanza el valor predeterminado. Es decir, 'DAR' , 'DCR' , 'POD' , todo lo demás. Ciertamente no soy un experto en casos de Switch, rara vez los uso, pero eso se debe principalmente a que este problema exacto siempre sucede y no sé por qué ni dónde encontrar la respuesta.
Necesita una declaración de break después de que finalice cada case .
const handleOption = (option) => { setSortBy(option) switch (option) { case ("DAR"): setTitle('Delivered and Recieved'); break; case ('DCR'): setTitle('Delivery Completion Rate'); break; case ('POD'): setTitle('Photo on Delivery Rate'); break; case ('CC'): setTitle('Call Compliance'); break; case ('SC'): setTitle('Scan Compliance'); break; case ('FICO'): setTitle('FICO'); break; case ('cdf'): setTitle('Customer Feedback'); break; default: console.log(option) setTitle(option) } setTitle(option) }En lugar de usar el switch , puede crear un pequeño objeto de diccionario y luego hacer referencia a los valores usando la clave. Es un poco menos difícil de manejar.
const obj = { DAR: 'Delivered and Recieved', DCR: 'Delivery Completion Rate' }; function setTitle(data) { console.log(data); } function handleOption(option) { setTitle(obj[option]); } handleOption('DAR'); handleOption('DCR');