我正在尝试在 2 个子组件之间进行链接

【问题标题】：I am tryingg to link between 2 child components我正在尝试在 2 个子组件之间进行链接
【发布时间】：2022-12-04 01:12:42
【问题描述】：

如果我在子组件中按钮.js

按钮我希望在单击它时使用 react 打开另一个页面作为新选项卡（例如：page.js）

我想点击按钮并打开新标签 page.js 在 button.js 文件中

// enter code here

【问题讨论】：

请包括一些相关代码，以便社区成员理解并给出更好的答案，Happy coding

标签： reactjs

【解决方案1】：

实际上，您可以根据自己的需要选择几种方法：

您可以简单地添加一个按钮 onClick 处理程序，您可以在其中使用给定的 URL 打开一个新选项卡。

<button onClick={() => window.open("/anotherPage")} />

用a/Link组件包裹按钮

import { Link } from 'react-router-dom';

<Link to="/anotherPage" target="_blank" rel="noopener noreferrer">
  <button>Go to another page</button>
</Link>

或者

<a href="/anotherPage" target="_blank" rel="noopener noreferrer">
  <button>Go to another page</button>
</a>

希望能帮助到你！

【讨论】：