fix: CBreadcrumbRouter: add route parameters support #118

src/breadcrumb/CBreadcrumbRouter.js

@@ -2,10 +2,9 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { CBreadcrumb, CBreadcrumbItem } from '../index'
-import { Link, useLocation } from 'react-router-dom';
+import { Link, useLocation, matchPath } from 'react-router-dom';
 
 //component - CoreUI / CBreadcrumbRouter
-
 const getPaths = pathname => {
   const paths = ['/']
   if (pathname === '/') return paths;
@@ -33,25 +32,28 @@ const CBreadcrumbRouter = props => {
 
   const {
     className,
-    //
     innerRef,
     routes,
     ...attributes
-  } = props;
+  } = props
 
   let items = null
   if (routes) {
     const currPath = useLocation().pathname
     const paths = getPaths(currPath)
-    const currRoutes = routes.filter(route => paths.includes(route.path))
+    const currRoutes = paths.map(path => {
+      return routes.find(route => matchPath(path, {
+        path: route.path,
+        exact: route.exact
+      }))
+    }).filter(route => route)
     items = currRoutes.map(route => {
       return CBreadcrumbRouteItem(route, currPath)
     })
   }
 
 
   //render
-
   const classes = classNames(className)
 
   return (
@@ -67,7 +69,6 @@ const CBreadcrumbRouter = props => {
 
 CBreadcrumbRouter.propTypes = {
   className: PropTypes.string,
-  //
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
   routes: PropTypes.array
 }