Estoy trabajando en reactjs, en este momento estoy obteniendo la "url/nombre de host" actual, ahora quiero usar esta url con otra condición, significa que solo quiero si url = "/" (página de inicio), entonces el primer encabezado debería mostrarse de otra manera debería mostrarse la segunda palabra, en otras palabras, quiero saber cómo podemos usar la condición if else con la variable dinámica. Aquí está mi código actual
import { useRouter } from 'next/router' const Header = () => { const router = useRouter(); const url =router.asPath; } return ( <> <div> //need to use if else condition based on "url" variable </div> </> )Puede usar ternary operators allí para renderizar según una condición, como esta:
import { useRouter } from 'next/router' const Header = () => { const router = useRouter(); const url = router.asPath; return ( <> <div> {url === "something" ? <Foo /> : <Bar />} </div> </> ) }texto fuerte
import { useRouter } from 'next/router' const Header = () => { const router = useRouter(); const url = router.asPath; return ( <> <div> {url === "smth" ? <First /> : <Second />} </div> </> ) } return ( <> <div> {url === "smth" && <First />} {url === "smth" && <Second />} </div> </> ) }