当我点击next js中的一个按钮时，如何转到外部链接

yk9xbfzb 于 2023-02-04 发布在其他

关注(0)|答案(2)|浏览(287)

<button type="button" className = {styles.googleButton}>
     <img className = {styles.image} src = "assets/pictures/google.jpg"></img>
     <p className = {styles.buttonText}> Go To Google</p>
     <img src = "assets\icons\external-link.svg"></img>
</button>

单击此按钮时，如何google.com在不同选项卡上转到www.example.com？

next.js

来源：https://stackoverflow.com/questions/75304981/how-do-i-go-to-an-external-link-when-i-click-on-a-button-in-next-js

2条答案

按热度按时间

ruoxqz4g1#

添加一个“a”标记并将其目标值设置为“_blank”。还要添加“rel='noreferrer'"。
下面是一个例子，它在我的Nextjs项目中很有效：

<a href='https://www.google.com' target='_blank' rel='noreferrer'>
    <button type='button'>
      <img src='assets/pictures/google.jpg'></img>
      <p> Go To Google</p>
      <img></img>
    </button>
  </a>

赞(0）回复(0）举报 2023-02-04

1aaf6o9v2#

将其放入一个带有空白选项卡的href中，如

<a href="https://www.google.com" target="_blank">
<img src = "assets\icons\external-link.svg"></img>
</a>

赞(0）回复(0）举报 2023-02-04

我来回答

当我点击next js中的一个按钮时，如何转到外部链接

2条答案

相关问题

热门标签

最新问答