使用React Router在另一个窗口中打开另一个网站

Question

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

如何使用React Router使用React Router在当前窗口之外的其他网站上打开新的窗口？

Answer 1

我通过设置state

解决了此问题

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

，然后使用onClick进行调用。这将在新窗口中打开目标站点。

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