React-router:如何在新窗口中手动调用Link？

React-router是一个用于构建单页面应用的路由库。它可以帮助我们在React应用中实现页面之间的导航和路由管理。

在React-router中，我们可以使用Link组件来创建导航链接。Link组件会自动处理点击事件，并通过路由器将用户导航到指定的URL。但是，如果我们想在新窗口中手动调用Link，可以使用以下方法：

1. 使用target="_blank"属性：可以在Link组件中添加target="_blank"属性，这会告诉浏览器在新窗口中打开链接。例如：

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

<Link to="/new-page" target="_blank">打开新页面</Link>

1. 使用编程式导航：如果我们想在某个事件触发时手动调用Link，可以使用history对象进行编程式导航。首先，我们需要通过useHistory钩子或withRouter高阶组件获取history对象，然后使用history.push方法跳转到指定的URL。例如：

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

const MyComponent = () => {
  const history = useHistory();

  const handleClick = () => {
    history.push('/new-page');
  };

  return (
    <button onClick={handleClick}>打开新页面</button>
  );
};

这样，当按钮被点击时，会触发handleClick函数，然后通过history.push方法跳转到指定的URL。

以上是在React-router中如何在新窗口中手动调用Link的方法。希望对你有所帮助！如果你想了解更多关于React-router的信息，可以访问腾讯云的React-router产品介绍页面。