reactjs - ReactJS 引导按钮作为链接（新标签）

Question

我调查了很多关于使用按钮作为链接的主题，但没有找到适合我的解决方案 - 我需要使用 React 引导按钮在新选项卡中打开某个页面。

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

React bootstrap 提供了一个 prop 'href' 但没有关于如何在新标签中打开的信息。请问有什么建议吗？

Answer 1

您应该一起使用href和target：

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

看起来他们只是target带着类型离开而any没有进一步的文档。<a>它只是与通常标签上存在的属性相同。

Answer 2

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

 <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 就足够了。

Answer 3

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

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

它与引导程序等库无关