需要帮助重定向到action.js
import axios from "axios";
import createHistory from 'history/createBrowserHistory';
import {Notification} from "modules/shared/components";
import * as types from "./actionTypes";
import {API_URL} from "utils/constants";
const history = cre
我有一个简单的问题,关于在不重新呈现整个页面的情况下重新呈现一个功能性的react组件。
在几个帖子中,人们在谈论:
库:REACT路由器-DOM
history.push("/");
history.goBack();
实际上,它重新呈现了我的组件,负责在DOM中加载数据的useEffect钩子运行良好,但是在两次重新呈现之后,我在控制台中得到了一个错误:
Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory
随着ResiveRouterV5.1添加了useParams、useHistory和useLocation,以及React钩子和功能组件带来的编码约定的变化,试图找出使用当代版本的react路由器的方法令人困惑。
当使用react路由器编程导航时,如何正确地传递不同urls之间的参数?
例如,假设我有一个名为component_a的组件,它在单击时调用以下内容:
history.push("/home"); //history is defined as the return value of useHistory() from react-router-dom
我将组件_a的
我在这里使用的是react路由器-dom版本6.0.2,“呈现”道具不起作用,每次我到达路由标记路径中提到的url时,它都会向我抛出这个错误-- "/addRecipe“位置的匹配叶路由没有元素,这意味着默认情况下它将呈现一个空值,从而生成一个”空“页面。有谁能帮我解决这个问题吗?
import './App.css';
import Home from './components/Home';
import AddRecipe from './components/AddRecipe';
import items from '.
我正在做一个有反应的学校项目,而且我很难重定向到一个页面。我用的是反应路由器。在我的代码中,如果测试数组不包含任何内容,我尝试通过history.push("/")重定向到主页。如果我将else呈现条件更改为随机p标记,它将呈现该文本,但我只想让它在else语句中重定向。
编辑:该错误发生在刷新页面时,url正在被推送。因此,如果我再次刷新,我就在主页上。
import React from "react";
import styles from "./Profile.module.css";
import { useParams } from
如何在有状态组件(类组件)中使用react路由器5.1.2中的history.push('path')? 我找到了这个,但它是无状态组件的解决方案。 import { useHistory } from "react-router-dom";
function App() {
let history = useHistory();
}
如何使用react路由器4有条件地将路由推送到历史记录?我得到错误'history.push不是一个函数‘。
我不是在寻找重定向,而是在浏览器中的后退按钮也工作的东西。
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter, Switch, Route, Redirect} from 'react-router-dom';
import Signup from './components/Signup';
i
我正在创建一个表单,在被填充并单击submit按钮后,应该导航到另一个组件。然而,我似乎不能把历史当作一种道具。我想我做错了这方面的绑定,但无法解决这一点。谢谢。
这是我的App.js
import React from 'react';
import {BrowserRouter, Route, Switch} from 'react-router-dom';
import {LandingPage} from './landingPage/LandingPage';
import {ReportsPage} from './repor
我有这个。它与文档中所述的完全相同。我认为反应性路由器-dom模块很好,因为在其他组件中,BrowserRouter、路由器和链接为我工作。
import { useHistory } from "react-router-dom"
import React from 'react'
export default function HomeButton() {
let history = useHistory()
function handleClick() {
history.push("/home")
}
ret
我已经试着解决这个问题好几天了,但还是不能正常工作。为什么重定向在这里不起作用?我一直收到"TypeError:历史是未定义的“。同样,当按钮被点击时,它会停留在相同的url上。我做错了什么? import React from 'react';
import Nav from './Nav';
import About from './About';
import Service from './Service';
import Home from './Home';
import {
Brow
我正在尝试获取一个组件,该组件将在一秒钟后出现。组件本身只有H1。我使用路由器,所以在我看来最正确的解决方案是使用history.push,但它对我不起作用,我做错了什么?
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import {withRouter} from 'react-router-dom'
import './App.css';
im
根据我的理解,一旦您实现了React路由器,除非路由路径与URL匹配,否则您的网站不应该显示任何组件。然而,我的代码并没有这样做。我已经实现了一些东西,但是发票组件仍然希望呈现,即使URL是'/‘。我该如何解决这个问题?
更新了,以防止组件呈现并显示更多LeftMenu代码
对于是否需要在我的情况下使用React路由器,我仍然感到困惑。
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './pages/App';
i