ReactJS bootstrap 按钮作为 link（新标签）

ReactJS bootstrap button as a link (new tab)

我调查了很多关于将按钮用作 link 的主题，但没有找到适合我的解决方案 - 我需要使用 React bootstrap 按钮在新选项卡中打开特定页面.

<Button onClick={() => onClickOpenVacancy(id)}>

React bootstrap offers a prop 'href' 但没有关于如何在新标签页中打开的信息。请问有什么建议吗？

在此代码段中传入完整的 URL，它应该可以工作

<Button onClick={() => window.open(URL, '_blank')}>ID</Button>

这与 bootstrap 等图书馆无关

您应该同时使用 href 和 target:

<Button href="URL" target="_blank" onClick={() => onClickOpenVacancy(id)}>

看起来他们只留下 target 类型 any 而没有进一步的文档。它的工作方式与通常 <a> 标签上存在的属性的工作方式相同。

您可以在锚标签内添加按钮

 <a href='https://example.com/' target="_blank">
        <button className="test" onClick={() => onClickOpenVacancy(id)}>
            Click Here
        </button>
 </a>

或

   <button className="test" 
       onClick="window.location.href = 'https://example.com" target="_blank">
        Click Here
    </button>

或者..对你来说不是真的需要还有一种方法是

<form action="https://example.com/" target="_blank">
        <button className="test" type="submit" onClick={}> // onClick not needed
            Click Here
        </button>
    </form>

如果 onClickOpenVacancy 是为了进行重定向，那么您不需要 onClick 函数。 href 和 target 就够了。