无法导航到href，网址只会丢失参数

Question

我在react中有一个标记，单击该标记不会将我带到href，它只是删除URL后的所有参数。例如。我在：http://localhost:6006/iframe.html?selectedKind=Survey&selectedStory=...etc。 然后带我去http://localhost:6006/iframe.html？点击，而不是google.com

我也尝试过在单击按钮时使用window.open，如果我做window.open正常工作，那也是同一回事。有什么想法吗？

exitUrl = 'https://www.google.com';

target = '_self';

  

有效

        window.open(this.exitUrl, this.target);

  

不工作

<a href={this.exitUrl} target={this.target}>

<button onClick={() =>window.open(this.exitUrl, this.target)}

还尝试将锚点的onclick设置为相同，但仍然无效：

let anchor = document.getElementById('wtfisgoinon');
anchor.onclick = window.open(this.exitUrl, this.target);

Answer 1

如果要以相同的方式打开它，则不必使用“ target”属性。

只需使用：

<a href={this.exitUrl}> Exit </a>

Answer 2

我已经尝试了您的代码，并且删除了“目标”后，它就可以了。我在组件中完成了另一个功能：

googleTag() {
    window.open('https://www.google.com')
}

我已经像您一样制作了按钮：

<button onClick={() => this.googleTag()} />

现在，当我单击这些按钮时，它将打开带有Google URL的新标签。