How to make current tab page that im on Bold

Im using react and that the last thing I have to do is make the tab that I am on Bold. So if I am on the home page then it’ll be bold, but if I switch to Pricing tab, that one will instead turn bold.
This is my navigation bar using bootstrap

    function Navbar(){
    return(
        <div>
            <nav className="navbar navbar-expand-lg navbar-light ">
                <a className="navbar-brand" href="#">
                    <img src={require("../imgs/plumbing.png")} width="50" height="50" className="d-inline-block align-top" />
                    <b>Pistol Pete's Plumbing Perfection</b>
                </a>
                <div className="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul className="navbar-nav ">
                        <li className="nav-item">
                            <a className="nav-link" href="/Home">Home </a>

                        </li>
                        <li className="nav-item">
                            <a className="nav-link" href="/Pricing">Pricing</a>
                        </li>
                        <li className="nav-item">
                            <a className="nav-link" href="/Staff">Staff</a>
                        </li>
                    </ul>
                </div>
            </nav>

        </div>
    )
}export default Navbar;