我正在尝试通过页面自定义按钮。我的意思是当我改变页面我想改变导航栏按钮的名称时，我改变路线。但当我改变位置，它没有显示我正确的按钮，没有刷新页面。我怎么能修复它。
第一个月

function StyledNavbar() {
    const checkPath = (pathname) => {

        if (pathname === '/details') {
            return (<div>
               <Link to='/' style={{marginRight:'10px'}}><button>Home</button></Link>
               <Link to='/favorites'><button>Favorites</button></Link>
            </div>)
       }
        else if (pathname === '/favorites') {
            return (<Link to='/'><button>Home</button></Link>)

       }
        else if (pathname === '/') {
            return (<Link to='/favorites'><button>Favorites</button></Link>)
       }
   }
   useEffect(checkPath,[window.location.pathname])...}

App.js

function App() {
    return(
        <Router>
            
    <Navbar/>
        <Switch>
                    <Route exact path='/'>
                                     <Home/>
                    </Route>
                    <Route path='/favorites'>
                        <Favorites/>
                    </Route>
                {/* <Route path='/details/:id'> */}
                <Route path='/details'>
                        <Details/>
                    </Route>
     </Switch>
        </Router>
    )...}