我使用npx create-react-app app-name创建了一个新的 React 应用程序。然后我将目录更改为该应用程序文件夹，然后运行以下命令。npm install react-router@next react-router-dom@next然后我运行我的应用程序，它运行良好。然后我更改了默认代码并使用了 Routes、Route 等。这是 APP 代码import React f
2020-07-24
我的 React 项目中有这个index.js:import React from 'react';import ReactDOM from 'react-dom';import './css/main.css';import App from './App';import * as serviceWorker from './serviceWorker';import {BrowserRoute
2020-09-15
我正在尝试从“react-router-dom”导入 useHistory，但是，我收到此错误：导入错误：“useHistory”未从“react-router-dom”导出。我也检查了其他答案，例如尝试导入错误：“useHistory”未从“react-router-dom”导出这个，但无济于事。我的 package.json 看起来像这样我正在使用 useHistory，import Reac
2021-09-19
我正在使用 System JS 动态添加 React 模块，效果很好！除非我尝试使用已加载模块中的 react-router 上下文。"react-router-dom": "6.0.0-beta.0"您可以在 React 组件资源管理器中看到，肯定有一个<Router>组件作为祖先。路由在主机应用程序中运行良好 - 仅当从动态加载的组件调用时才会中断。我是 React 新手，所以我可能对如何向深
2020-10-17
我有一个 MERN 应用程序，它使用仅 http cookies 和 jwt 作为身份验证。我在 React 中创建了一个提供程序来保存用户信息。前端也有受保护的路由。在后端，我有一个路由，如果存在 cookie，则返回当前用户，否则我将用户设置为 null。当应用程序启动、刷新或用户更改时，我会进行此调用。一切都按预期工作。当我刷新页面或使用 URL 栏手动导航到某个页面时，就会出现问题。因为在
2021-03-28
当我使用此代码从 url 路径获取 id(http://127.0.0.1:8083/#/zhuolian/activity/detail/1)时：import { useParams } from "react-router-dom";handleSearchInfo = () => {const {id} = useParams();const { dispatch } = this.prop
2021-10-29
我是 javascript 和 React 的新手。我开始从事该项目https://github.com/udacity/reactnd-project-myreads-starter，当我在索引文件中写入此内容时import React from "react";import ReactDOM from "react-dom";import App from "./App";import "./
2021-11-13
我需要在 2 条路径之间路由，我安装了npm install react-router(react-router: 6.2.1 和 react-router-dom: 5.2.0)。我在网页中收到一条错误消息Error: useRoutes() may be used only in the context of a <Router> component.，这最终意味着我没有使用 BrowserR
2021-12-20
我正在尝试在我的 js 页面中使用useNavigate。下面是我尝试使用它的方法：import { loadStripe } from '@stripe/stripe-js';import firebase from 'firebase';import "firebase/auth";import * as routes from '../routes';import './checkout.c
2021-04-26
大家好，我遇到了这个问题，不知道该如何解决尝试了所有方法来解决它这是因为最新的路由器库版本吗只需向您显示代码补丁即可import "./App.css";import Form from "./Form";import {BrowserRouter as Router,Routes,Route,useNavigate,} from "react-router-dom";import { useEf
2022-01-11
嗨，我试图使用 useNavigate 将一个值传递给另一个页面，当按下按钮（按钮 B）时，它会调用该函数，该函数包含我从 useNavigate() 钩子中获得的导航函数，然后我使用 useLocation() 钩子来获取该值。对我来说很奇怪，console.log(score)打印出正确的分数值，但导航函数无法传递该值，它只是在另一端显示 null。我想问为什么会这样？以下是我的代码。cons
2022-03-23
我试图弄清楚为什么当我在第一个组件中使用useNavigate时，在渲染第二个组件时state会出现null？我检查了在这里找到的答案，但没有找到任何运气：无法在 react router dom v6 中使用 useNavigate() 传递状态这是我的第一个组件的代码：export default SignInPage(){const loginEmailRef = useRef('');co
2022-04-09
App.jsimport CreatePopBox from "./popbox";import createGuestPage from "./guestPage";import {BrowserRouter , Route} from "react-router-dom";import {Routes} from "react-router"function App() {return (<>
2022-06-14
我正在使用 useNavigate 在组件之间传递数据。import { useNavigate } from "react-router-dom";function Categories() {const navigate = useNavigate();..onClick={() => navigate("/books", {state:{ name: categorie.name }})}然
2022-06-21
我想从react-router-dom使用useNavigation()，但出现以下错误：Error: useNavigation must be used within a data router.See https://reactrouter.com/en/main/routers/picking-a-router.NavBarsrc/components/NavBar.js:63 | imp
2022-11-04