相关疑难解决方法(0)

请参阅下面的我的代码。我正在尝试添加此按钮，使用它返回上一页，react-router-dom但出现以下错误，并且网站上的所有组件都消失了。

错误：

useNavigate() 只能在组件上下文中使用

我的代码：

function App() {
  const navigate = useNavigate();
  return (
    <BrowserRouter>
      <div>
      <button onClick={() => navigate(-1)}>go back</button>
        <Nav/>
        <Routes>
          <Route exact path="/" element={<Home/>}/>
          <Route exact path="/home" element={<Home/>}/>
          <Route exact path="/upcoming/:user" element={<Upcoming/>}/>
          <Route exact path="/record/:user" element={<Record/>}/>
          <Route path="*" element={<NotFound/>}/>
        </Routes>
      </div>
    </BrowserRouter>
  );
}

这是我在控制台中收到的错误：