我想从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
我有一个这样的数组： "products": Array [{product_id: '1',options: [{size: 'XS',color: 'blue'}]},{product_id: '1',options: [{size: 'S',color: 'red'}]}],因此，我想删除有效载荷与产品 ID、尺寸和颜色相等的项目。 state.cart = state.ca
2022-06-21
import { useSelector, useDispatch } from "react-redux";import { useEffect, useState } from "react";import request from "../../requests";import { fetchMovies } from "../../feautures/movies/moviesSlice"
2021-07-04
我正在为一个与 API 交互的项目创建一个 React JS 应用。我从 API 中获取一个包含值的数组，这些值是 Google 地图图钉。我在这里想要做的是：用户设置一个数据间隔，并且该数据间隔内的所有图钉都会显示在地图中。我有这个 js 代码来设置所有内容：//above is the function that receives two dates and returns the inter
2021-07-05
我的问题是，我的 App.js 项目有两个不同的组件。这是一个电影数据库，我在首页上有一个电影列表，我可以使用搜索栏搜索其他电影。由于我有 search.js 和 movie.js（我获取 api 数据并显示的组件），search.js 不会触发，因为它无法确定需要更改的内容。基本上我的问题是提交时没有任何变化。search.js 代码：import { useState } from 'reac
2021-07-19
可以控制哪些页面使用不同的 URL 值导航到同一个页面情况 1 - 点击导航后，下面的代码会无限次调用 useEffectconst queryValues = queryString.parse(search);const { trip } = queryValues;useEffect(() => {console.log('Calling infinite times');},[trip])
2021-09-09
因此，我想在我的 React Movie-App 中切换不同类别，例如Trending、Top Rated、Popular等。我为此使用了 useState 钩子，通过将初始状态设为一个类别，然后通过按钮上的 onClick 事件更改状态。但是它似乎不起作用。可能是什么问题？代码：App.jsimport { useState } from "react";import Movie from ".
2021-11-23
在我的页面中，我调用useEffect中的操作来填充我的 Reducer。我有一个名为page的组件级状态，它是操作中的一个参数。因此，每次page的值发生变化时，我都希望再次调用该操作，因为显然我打算从不同的页面获取数据。遗憾的是，我在控制台中遇到错误，告诉我该组件已达到重新渲染次数的限制。这是相关代码：const Home = props => {const [page, setPage] =
2021-12-29