Actualmente estoy usando el operador ternario como se muestra a continuación. Quiero usar switch-case para la misma lógica en lugar de usar el operador ternario. Cómo usarlo, ¿es posible usar el caso del interruptor a cambio?
return( <> { props.page === 1? <h1> Hello </h1> :" " : props.page === 2? <h1> Hi </h1> :" " : props.page === 3? <h1> Good morning </h1> :" " </> ); };Puede crear una función como mensaje () que toma props.page como argumento y devuelve el encabezado deseado.
Como esto
function message(page){ switch(page){ case 1: return "good morning" case 2: return "good night" } } function Home(props){ return ( <h1>{message(props.page)}</h1> ) }O también puede devolver JSX a través de la función Mensaje.
Defina el cambio de caso en una función y llame a esa función pasando parámetros
switchPage(page) { switch(page) { case 1: return 'Hello'; case 2: return 'Hi'; default: return 'Good morning'; } } return ( <> <h1>{this.switchPage(props.page)}</h1> </> );