当前位置: 首页 > 面试题库 >

使用react-router-dom重定向到第三方URL

毛弘博
2023-03-14
问题内容

我非常了解我想对组件进行条件渲染的react-router-dom。如果未登录use,则将他重定向到某个第三方URL

例如,下面的代码看起来很整洁,可以正常工作

<Route exact path="/home" render={() => (
  isLoggedIn() ? (
    <Redirect to="/front"/>
  ) : (
   <Home />
  )
)}/>

让我们在上面的示例中说,如果我想重定向to https://www.google.com,
该怎么做?

如果我写

 <Redirect to="https://www.google.com"> it gives me error.

如何重定向到第三方网站?


问题答案:

您可以将标记用于外部网址,

<a href='https://domain.extension/external-without-params'>external</a>

但您也可以提供这样的组件

<Route path='/external' component={() => { window.location = 'https://domain.extension/external-without-params'; return null;} }/>


 类似资料:
  • 我正在尝试构建一个简单的组件,它将进行一次API调用,2秒钟后将重定向到另一个页面。为此,我尝试使用react router dom中的重定向组件,但导入失败 我得到一个错误:“react router dom没有导出的成员‘重定向’。” 版本"react-router-dom":"^6.0.0-beta.0",

  • 我使用的是上一个版本的react-router模块,名为react-router-dom,它已经成为用react开发web应用程序时的默认设置。我想知道如何在POST请求后进行重定向。我一直在做这个代码,但在请求之后,什么也没有发生。我在网上查看,但所有的数据都是关于react路由器的早期版本,没有最近的更新。 代码:

  • 问题内容: 我正在使用最新版本的react-router模块,名为react-router- dom,它已成为使用React开发Web应用程序时的默认模块。我想知道在POST请求后如何进行重定向。我一直在编写此代码,但是在请求之后,什么都没有发生。我在网上查看过,但是所有数据都是关于React Router的先前版本的,而关于最后一个更新的则不是。 码: 问题答案: 您必须使用设置一个属性,该属性

  • 我已经阅读了很多关于这个主题的文档和软件问题,我用了很多方法来做这些,但是没有一个能以我需要的方式工作。我想我错过了一些重要的事情。很难就我使用的每个导航方法提供详细和相关的代码,我会试试。 这里有一些指间信息。我有react redux应用程序,我需要从服务器获取状态并根据此状态重定向到页面。 my App类渲染方法的简化版本: 在index.js文件中用BrowserRouter包装的应用程序

  • 问题内容: 我有一个庞大的Django网络应用程序,其中的一个模块(“仪表板”)用node和react编写。用户登录由Django模块处理。 用户应该登录到主应用程序才能访问react仪表板,这部分起作用-代码从浏览器获取用户会话,并且仅在有内容的情况下呈现内容。 我现在想在没有会话的情况下将用户重定向到应用主登录页面,但是我不知道如何使用当前结构(和该血腥的v4路由器)进行操作。 我在Brows

  • 问题内容: 我正在尝试使用react-router( 版本^ 1.0.3 )重定向到另一个视图,这让我很累。 我所需要的只是将使用发送到’/ login’就是这样。 我能做什么 ? 控制台错误: 未捕获的ReferenceError:未定义PropTypes 用我的路线归档 问题答案: 对于简单的答案,您可以使用来自的组件,而不是。有一些方法可以更改JS中的路由,但是似乎您在这里不需要。 要在1.