我有一个 MERN 应用程序，它使用仅 http cookies 和 jwt 作为身份验证。我在 React 中创建了一个提供程序来保存用户信息。前端也有受保护的路由。在后端，我有一个路由，如果存在 cookie，则返回当前用户，否则我将用户设置为 null。当应用程序启动、刷新或用户更改时，我会进行此调用。一切都按预期工作。当我刷新页面或使用 URL 栏手动导航到某个页面时，就会出现问题。因为在
2021-03-28
我有一个控制平滑滚动的组件的问题。刷新页面时，我没有遇到任何问题，但在 RouteChanges 上，我收到的响应是无法读取 null 的属性“style”显然，并且由组件中的错误Object is perhaps 'undefined'.ts(2532)支持，我知道在路线更改中尚未应用ref。但是，我不知道如何修复。查看其他有类似问题的问题，它们都建议使用useEffect()，我就是这么做的。
2021-05-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
我在生产中的 React 应用程序中收到此错误：TypeError：无法读取 null 的属性（读取“useRef”）启用 sourcemap 后，它会在react.production.min.js中显示错误>奇怪的是，我只在特定路由上收到此错误。所有其他路由都运行良好（即使我在多个文件中使用了useRef）。由于本地构建运行良好，我无法在本地重现该问题。我尝试了以下操作：恢复到之前的工作提交。
2022-04-04
我在我的 React 应用中使用react-router-dom。当我使用：function App() {return (<BrowserRouter>{ useRoutes(routes) }</BrowserRouter>);}并且我收到错误消息：未捕获错误：useRoutes() 只能在 <Router> 组件的上下文中使用。我搜索了如何修复它并将我的代码结构更改为：function Ap
2022-05-03
尝试从react-router-dom导入useNavigate时，出现以下错误：Attempted import error: 'useNavigate' is not exported from 'react-router-dom'.我的导入语句：import { useNavigate } from 'react-router-dom';
2020-10-06
我正在尝试在我的 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
我正在使用 react-router-dom v6，并且从location对象访问from值，它给出了pathname，但是在执行navigate(from,{replace:true})时它不起作用。const navigate = useNavigate();const { state } = useLocation();const from = state ? state.from.path
2022-01-27
嗨，我试图使用 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