javascript - 无法在 React 中安装 "useHistory"

Question

我正在做一个谷歌克隆(迷你项目)，因为我需要从 react-router-dom 导入 useHistory。

我已按照以下步骤操作:

第 1 步:npm install --save react-router-dom(我在终端中使用了这个命令)第 2 步:从“react-router-dom”导入 {useHistory}(在我的文件顶部使用它)第 3 步:const history = useHistory()(在我的代码中使用它)

执行此步骤后，出现以下错误:

export 'useHistory' (imported as 'useHistory') was not found in'react-router-dom' (possible exports: AbortedDeferredError, Await,BrowserRouter, Form, HashRouter, Link, MemoryRouter, NavLink,Navigate, NavigationType, Outlet, Route, Router, RouterProvider,Routes, ScrollRestoration, UNSAFE_DataRouterContext,UNSAFE_DataRouterStateContext, UNSAFE_DataStaticRouterContext,UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext,UNSAFE_enhanceManualRouteObjects, createBrowserRouter,createHashRouter, createMemoryRouter, createPath,createRoutesFromChildren, createRoutesFromElements,createSearchParams, defer, generatePath, isRouteErrorResponse, json,matchPath, matchRoutes, parsePath, redirect, renderMatches,resolvePath, unstable_HistoryRouter, useActionData, useAsyncError,useAsyncValue, useFetcher, useFetchers, useFormAction, useHref,useInRouterContext, useLinkClickHandler, useLoaderData, useLocation,useMatch, useMatches, useNavigate, useNavigation, useNavigationType,useOutlet, useOutletContext, useParams, useResolvedPath,useRevalidator, useRouteError, useRouteLoaderData, useRoutes,useSearchParams, useSubmit)

useHistory 似乎不是 react-router-dom 的一部分。

无法在 React 应用中导入 useHistory。

Answer 1

You can try following steps:

• 安装 React 路由器 dom。 npm install --save react-router-dom。
• >

  Import the history package from react router dom. import { useHistory } from "react-router-dom"
  

• >

  Assign the history function to a variable (not necessary but. recommended)
  

• 使用 push() 函数在成功登录后重定向用户。