reactjs React router -没有回退路由时导航组件的意外行为

ma8fv8wu  于 2023-05-22  发布在  React
关注(0)|答案(1)|浏览(114)

我最近遇到了一个关于React的Navigate组件的问题。这是我的资料

<BrowserRouter>
   <Routes>
      <Route path="/about" element={<About />} />
      <Route path="/contact" element={<Contact />} />
      <Route path="/" element={<Home />} />
      <Route path="*" element={<Navigate to={redirectRoute}/>} />
   </Routes>
</BrowserRouter>

redirectRoute作为prop传递。如果假设redirectRoute的值是not'about'或。'contact'或空字符串,我确实理解会发生问题,因为没有回退路由。我期待一个路由未找到警告,但我得到的是this warning。以前有人经历过这样的事情吗?我使用的是react-router-dom v6.4.3

nlejzf6q

nlejzf6q1#

你的useEffect钩子很可能像这个useEffect(()=>{ //here you are setting a state }),你确实给予了一个依赖数组,使它继续运行。就像这样写useEffect(()=>{ //your code },[])

相关问题