React redirect - react-router-dom 上的重定向组件

Posted

技术标签:

【中文标题】React redirect - react-router-dom 上的重定向组件【英文标题】:React redirect - Redirect component on react-router-dom 【发布时间】:2020-12-22 10:11:45 【问题描述】:

我正在尝试构建一个简单的组件,该组件将进行一次 API 调用,并在 2 秒后重定向到另一个页面。 为此,我尝试使用 react-router-dom 中的 Redirect 组件, 但导入失败

import  Redirect  from "react-router-dom"

我收到错误消息:“react-router-dom 没有导出的成员 'Redirect'。”

版本 "react-router-dom": "^6.0.0-beta.0",

【问题讨论】:

【参考方案1】:

v5 中的<Redirect /> 好像已经被<Navigate /> 替换了,同样的用法也可以。

import  Navigate  from 'react-router-dom';

function App() 
  return <Navigate to="/home" />;

【讨论】:

以上是关于React redirect - react-router-dom 上的重定向组件的主要内容,如果未能解决你的问题,请参考以下文章

react路由初体验(一看就懂)

react路由初体验(一看就懂)

React 使用 React Hooks 从路由器获取道具

聊聊React的路由React-Routerreact-router-dom

React redirect - react-router-dom 上的重定向组件

React:react-router-dom Redirect 不是重新加载页面,而是更改 URL