我正在尝试在我的 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
我想从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
我尝试在输入正确的凭据后重定向用户，但我的前端却出现了这个错误“未捕获（在承诺中）TypeError：导航器未定义”。我真的找不到任何解决方案，所以我希望在这里得到一些帮助。这是我的代码中引发错误的部分：它仅在正确输入的情况下发生（意味着在数据库内找到输入数据），因此当调用redirect时。import { useParams, useNavigate, Route } from "react-
2022-11-30
我正在从 NHL API（使用 react、redux 和 fetch api）获取数据，并尝试显示球队名单信息。当我在控制台中记录组件中的名册 api 响应时，它可以正常工作并显示对象数组，但是当我尝试循环遍历它时，我收到一个错误，提示响应为 null。这是保存响应的 rosterList 的样子：https://gyazo.com/3f14d24b3a5bfb3610b470abedb6fcc
2019-10-28
我的产品列表 Reducer 如下所示：const initialState = {products: [],productListSidebars: [],banners: ['enjoy.png', 'account.png']}export const ProductListReducer = (state = initialState, action) => {switch (action
我在 redux 存储中初始化了以下数据flightSeats: {AH001: {AH1: [{seatNumber: "1A",isBooked: true},{seatNumber: "1B",isBooked: true},{seatNumber: "1C",isBooked: false},{seatNumber: "1D",isBooked: false},{seatNumber: "
2020-03-06
当我通过 Thunk 操作传递参数时，我的 Redux 存储会遇到问题。在没有参数的情况下，我的存储可以正确填充。操作已成功完成，我可以看到数据已通过操作的成功/已完成消息返回到前端，但没有迹象表明数据作为状态进入商店。我之前有一个实例，其中数组列表在后端被错误命名，但这次并非如此。有什么特别之处导致我的商店没有填充状态数据？动作export const requireUserDiveLogDat
2021-05-20
我目前正在尝试在产品屏幕上显示产品数据。这是我在打开产品详细信息屏幕时在控制台中收到的错误。TypeError: Cannot destructure property 'product' of 'productDetails' as it is undefined.我不确定为什么 productDetails 未定义。它应该包含产品详细信息数据。这是我的代码。ProductScreen.jsim
2022-01-24
我尝试将每个产品的 id 存储在 cartItems 中，但是，ID 被保存为一个数组，如下图所示。而不是像这样保存id: "aRLMZkiSU7T0lcsPCSsV"如何解决这个问题？代码沙盒：https://codesandbox.io/s/add-to-cart-jsd9fd?file=/src/App.js:0-2587以下是代码：export default function App()
2022-03-02