这是使用 React Router 重定向到外部链接的单行代码：

<Route path='/privacy-policy' component={() => { 
     window.location.href = 'https://example.com/1234'; 
     return null;
}}/>

它使用 React 纯组件概念将组件的代码简化为单个函数，而不是渲染任何内容，而是将浏览器重定向到外部 URL。

适用于 React Router 3 和 4。

使用 react-router 的 Link 组件，您可以做到这一点。在 " to " props中，您可以指定 3 种类型的数据：

• a string：链接位置的字符串表示形式，通过连接位置的路径名、搜索和哈希属性创建。
• 对象：可以具有以下任何属性的对象：
  • pathname : 表示要链接到的路径的字符串。
  • search：查询参数的字符串表示形式。
  • hash : 放在 URL 中的哈希，例如 #a-hash。
  • state：坚持到该位置的状态。
• 一个函数：一个函数，当前位置作为参数传递给它，它应该以字符串或对象的形式返回位置表示

对于您的示例（外部链接）：

https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies

您可以执行以下操作：

<Link to={{ pathname: "https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" }} target="_blank" />

您还可以传递您想要的props，例如标题、id、className 等。

无需使用<Link />react-router 中的组件。

如果您想转到外部链接，请使用锚标记。

<a target="_blank" href="https://meetflo.zendesk.com/hc/en-us/articles/230425728-Privacy-Policies">Policies</a>

它不需要请求react-router。此操作可以在本地完成，并且由浏览器提供。

只是使用 window.location

class RedirectPage extends React.Component {
  componentDidMount(){
    window.location.replace('https://www.google.com')
  }
}

另外，如果您想在新选项卡中打开它：

window.open('https://www.google.com', '_blank');

我实际上最终构建了自己的组件。<Redirect> 它从react-router元素中获取信息，因此我可以将其保留在我的路线中。如：

<Route
  path="/privacy-policy"
  component={ Redirect }
  loc="https://meetflo.zendesk.com/hc/en-us/articles/230425728-Privacy-Policies"
  />

这是我的组件，以防万一有人好奇：

import React, { Component } from "react";

export class Redirect extends Component {
  constructor( props ){
    super();
    this.state = { ...props };
  }
  componentWillMount(){
    window.location = this.state.route.loc;
  }
  render(){
    return (<section>Redirecting...</section>);
  }
}

export default Redirect;

编辑 - 注意：这是与react-router: 3.0.5，它在 4.x 中并不那么简单