我正在尝试设置一个 Redux + React Router 应用程序。我认为问题出在 ImmutableJS 上,但我不知道如何解决它。client.jsimport { fromJS } from 'immutable'import React from 'react'import { render, unmountComponentAtNode } from 'react-dom'impor
2016-11-30
我有一个 Header 组件,它会根据用户是否登录来呈现一些链接。此组件加载正常,可以正常显示登录和注册链接。单击这些链接会将我带到这些组件,这些组件可以正常运行。登录后,标题会更改为显示退出链接。但是,当我退出时,事情就出错了。登录和注册链接显示正常,但不再起作用。单击注册链接会出现以下错误:Uncaught Error: Objects are not valid as a React chi
2017-10-25
我正在学习使用 Redux、React 和 React Router。我遇到了这样的问题:当我使用Link从“/”重定向到“/details/{id}”之类的 URL 时 - 我发现调用了错误的动作创建者。来自“/”组件的动作创建器被调用,而不是“/details/{id}”中组件的动作创建器。但是如果我刷新页面,一切都会好起来。调用正确的操作。带链接的路由:<Link to={/details/
2018-07-09
我收到此错误是因为我不小心在渲染方法中调用了某些方法。由于我的应用程序代码非常大,我无法找出它来自哪里。当我单击控制台中的 index.js 链接时,它会将我带到以下代码。这是我在调试(调用堆栈)后发现的,但这不是完整的组件代码,因为组件中的代码行太多,我只是在这里发布其中的一部分。这段代码有什么问题吗:class Sample extends React.Component {construct
2018-08-14
我已经使用 create-react-app 为 react 创建了一个新的工作存储库,并且我想使用 react-router-dom 添加一些路由路径。这是我的 index.js 文件。import React from 'react';import ReactDOM from 'react-dom';import PostsIndex from './components/posts_inde
2017-11-17
我使用react-router-dom在我的React应用程序中进行路由。我的应用程序的一部分提取到另一个包中。依赖项列表如下所示:./app/dashboard/package.json{"dependencies": {"@app/components": "^1.0.0","react": "^16.8.5","react-dom": "^16.8.5","react-router-dom"
2019-04-06
我想解决这个警告。我将 react-router-dom 添加到 App.js 后,就会收到此警告。(应用程序本身在出现此警告时运行正常。)警告消息:index.js:1 Warning: Failed prop type: Invalid prop 'component' supplied to 'Route': the prop is not a valid React componentin
2020-03-11
以下REECT路由代码可能在React路由器V5中起作用,但是在React路由器V6640261521中给出以下错误它在React Router V6?261037621中起作用。
2022-03-03
我目前有如下应用,其中路由包装在 BrowserRouter 中,我收到Uncaught Error: You cannot render a<Router>inside another<Router>下面是我的 codesandbox我做了一个ctl + F + Shift并且我的应用中只有 1 个路由器。有人看到语法错误或有建议吗?Codesandbox这是我的应用程序组件:import {
2022-10-24
我目前有一个侧边栏,其中包含 6 条硬编码路线。其中一些路线有硬编码子路线;当我单击路线时,它会展开以显示其子路线。其中一条路线从 API 获取其子路线(返回 JSON),我如何将它们加载到侧边栏的子菜单中?最好是延迟加载:ABCDEF单击 E,它会从 API 获取路线并显示它们:ABCDE123F
2017-01-17
我正在尝试开发一款将其他“应用”作为“插件”的应用。此基础应用将仅包含基本身份验证路由,而其他应用将在其中定义自己的路由。如何使用 React 实现此目的?我想 React Router 可以有一些东西,但我找不到它。我来自 Ruby on Rails 世界,在那里我可以使用 gem 作为引擎,在基础应用上,我只需将引擎mount安装在给定路径上即可。我正在寻找类似的东西,这样在我的基础App.j
2018-07-10
我尝试使用React Hooks重构我的代码,但我真的不明白如何使用 Hooks 通过 React Routers 将 props 传递给我的组件。旧的(正常)React 代码如下所示:App.jsimport React from 'react';import { withRouter } from "react-router-dom";import {Routes} from './route
2019-06-22
我尝试在成功登录后管理会话,同时在表单提交时重定向到某个页面。我通常会在类组件中执行此操作:componentDidMount() {if (context.token) {return <Redirect to="/" />}}但我想使用 React 钩子,因此;以下代码不会重定向到任何地方:import React, { useEffect } from "react";import Reac
2019-08-15
我有这个钩子,它在安装组件时请求数据,在卸载时清除给定实体的存储:export const useFetch = () => {const dispatch = useDispatch()const data = useSelector(entitySelector.data) // Selector which returns data from storeconst status = useS
2021-07-15
我正在尝试编写一个函数,将当前位置设置为刚刚单击的路线。但是,如您所见,它给出了我单击按钮时所在页面的网址,而不是按钮本身的路径页面。我应该用什么来代替window.location.pathname?const setLocation = () => {console.log(window.location.pathname);setCurrentLocation(window.location
2022-06-04