react-router-dom打开新页面

要使用react-router-dom打开一个新页面，你可以使用`<Link>`组件或`history`对象中的`push`方法。

使用`<Link>`组件：

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

function MyComponent() {
  return (
    <div>
      <Link to="/new-page">打开新页面</Link>
    </div>
  );
}

使用`history`对象：

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

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

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

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

这两种方法都会导航到`/new-page`路径，并在浏览器中打开一个新页面。确保你的路由配置正确，以便在目标路径上渲染所需的组件。