小编max*_*max的帖子

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

我有一个功能，它要求用户提供他们的地理位置，一旦提供，将位置输入到 url 链接中，该链接获取从他们的地理位置到设定目的地的方向。

但是，我正在努力让按钮首先运行该功能并在新选项卡中打开 URL 。这就是我目前调用按钮组件的方式。

<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结果：

http://localhost:3000/google.com/maps/dir/?api=1&origin=50.4984,%20-2.6119074&destination=50.927044,-1.299964&travelmode=driving

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

任何帮助将不胜感激！

谢谢，马克斯