时间戳

首页 > 解决方案 > 使用 React Router 打开一个不同的网站到一个新窗口

reactjs - 使用 React Router 打开一个不同的网站到一个新窗口

问题描述

我有<a href="http://google.com" rel="noopener noreferrer" target="_blank"><i className="fab fa-github-alt" aria-hidden="true" /></a>

如何使用 React Router 打开与当前网站不同的网站，并使用 React Router 打开一个新窗口？

标签： reactjsreact-router

解决方案

我通过 set 解决了这个问题state

state = {
    redirect: false
  }
  setRedirect = (href) => {
    window.location.href = href;
  }

然后用onClick. 这将在新窗口中打开目标站点。

<a onClick={()=>this.setRedirect('http://google.com')}>Project link</a>

推荐阅读