html - 我正在尝试在新选项卡中打开此链接,这样用户就不必离开我的网站,但它不适用于 _blank

标签 html reactjs material-ui nonblank

链接打开但不在新选项卡中。我正在尝试在新选项卡中打开此链接,这样用户就不必离开我的网站。我正在使用 target="_blank" 但它不起作用

<BottomNavigation className={classes.root}>
    <BottomNavigationAction
      label="Instagram"
      rel="noopener noreferrer"
      href="https://www.instagram.com/_vhub/"
      target="_blank"
      icon={
        <img
          src="https://res.cloudinary.com/dvqyek3sb/image/upload/v1566370518/instagram_hmfqj5.png"
          alt="Instagrm"
        />
      }
    />

最佳答案

尝试将整个组件放在 anchor 标记或链接组件中并设置它们的属性:

rel="noopener noreferrer"href="https://www.instagram.com/_vhub/"target="_blank"

关于html - 我正在尝试在新选项卡中打开此链接,这样用户就不必离开我的网站,但它不适用于 _blank,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57600305/

相关文章:

javascript - 超时淡入淡出时div闪烁

java - 我们可以使用 C、C++ 或 Java(任何语言)将 PDF 文件转换为 HTML 吗?

reactjs - react-bootstrap 不会更新其 Tab.Pane 内的状态

javascript - 有没有办法改变 React 中输入的类型?

dart - Flutter- TextField 的扩展面板

javascript - 单击模态 Bootstrap 中的按钮后的文本区域

javascript - Casperjs 谷歌身份验证弹出窗口

reactjs - Material-UI slider 仅具有离散值?

javascript - 在 Material UI 的 <ListItem> 中的primaryText左侧添加一个图标

html - 当按钮为 "active"时,我想将所有图像制作为 "active"的图片