使用 React 中的函数打开外部链接

我正在尝试在 React 中创建一个按钮，该按钮打开指向谷歌地图网址的外部链接。

我有一个函数询问用户的地理位置，一旦提供，就会将位置输入到 url 链接中，该链接获取从其地理位置到设定目的地的方向。

但是，我正在努力让按钮首先运行该函数并在new tab。这就是我目前调用按钮组件的方式。

<Button variant="primary" onClick={this.onHandleClick}>Get Google Maps Directions</Button>

这是形成和打开链接的函数。

  onHandleClick = () => {
    var location = this.state.currentLocation;

    location.then(function(location){
      var link = `google.com/maps/dir/?api=1&origin=${location}&destination=50.927044,-1.299964&travelmode=driving`      

      //window.location.href = link;
      window.location.assign(link);
    })
  }

目前，外部链接格式正确，但附加到 URL 中现有的 localhost 域，因此当前无法打开（或在新选项卡中）。

上述函数的 url 结果：

我尝试在调用组件时设置 target="_blank" 。

任何帮助将不胜感激！

谢谢， 最大限度

window.open(link, "_blank");

这将导致链接在新选项卡中打开。

注意：如果您在链接前不包含“http://”或“https://”，则默认行为是将链接附加到当前域，因此如果您要打开外部链接，请务必包括http/s。