Example Breadcrumb React Component (w/ Bootstrap)

example-breadcrumb-component.js

import { Link } from "react-router-dom";

export default function Breadcrumbs({ crumbs }) {
  return (
    <nav>
      <ol className="breadcrumb">
        {crumbs.map((crumb, index) =>
          <li key={index} className={`breadcrumb-item ${!crumb.linkUrl && "active"}`}>
            { crumb.linkUrl ?
              <Link to={crumb.linkUrl}>{crumb.label}</Link> :
              crumb.label
            }
          </li>  
        )}
      </ol>
    </nav>
  );
}