0
148
Visualizações¿Cómo puedo hacer coincidir si la ruta actual coincide con un patrón en React Router Dom v6?
Tengo:
export const ACCOUNT_PORTAL_PATHS = [ 'home/*', 'my-care/*', 'chats/*', 'profile/*', 'programs/*', 'completion/*', ]Si la ruta actual es alguna de esas, quiero saber. Logré obtener la ruta actual con:
const { search: searchParams, pathname } = useLocation();y eso produce, en este ejemplo:
pathname: "/my-care/1234"¿Cuál es la mejor manera de combinar?
¡Gracias por adelantado!
·
Santiago Gelvez
1 Respostas
Responde à pergunta0
Si solo quiere saber si está en una ruta coincidente, puede usar la función matchPath y probar que algún prefijo de ruta de cuenta coincida con el nombre de pathname actual.
Ejemplo:
import { matchPath } from "react-router-dom"; ... const { pathname } = useLocation(); const isMatch = ACCOUNT_PORTAL_PATHS.some((path) => matchPath(path, pathname) ); 
·
Santiago Gelvez
Relatório
Responde à pergunta