in router.isActive auf verschachtelte Routen Überprüfung Reagieren

Question

Ich versuche Routen

mit Router.isActive zu überprüfen, ob die aktuelle Route ist/Tiere/

(router.isActive('/animals/edit') 

wahr bearbeiten ist.

Aber wenn die aktuelle Route ist/Tiere/edit/23

(router.isActive('/animals/edit/') 

ist falsch.

Wie kann ich eine Route, die params Hinter umfasst?

Answer 1

Leider glaube ich nicht, dass dies mit router.isActive möglich ist, da es Pfadparameter nicht unterstützt (d. H. router.isActive('/animals/edit/:number')).

Als Alternative mit React Router v4 ist matchPath Sie tun können:

import { matchPath } from 'react-router' 

const match = matchPath(currentPath, { 
    path: '/animals/edit(/:number)', 
    exact: true, 
    strict: false 
}) 

Answer 2

ich hatte das gleiche Problem. Lösen Sie es, indem Sie die Route mit router.getCurrentLocation().pathname übereinstimmen.

In Ihrem Beispiel Folgendes sollte es tun:

const parentPathname = '/animals/edit'; 
const currentPathname = router.getCurrentLocation().pathname; 
const isActive = currentPathname.indexOf(parentPathname) !== -1;