如何在react-router-dom中找到一条路径并添加一个新的url？

在react-router-dom中，可以使用useHistory钩子来实现找到一条路径并添加一个新的URL。

首先，确保已经安装了react-router-dom依赖包。然后，在你的组件中导入useHistory钩子：

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

接下来，在组件中调用useHistory钩子，获取history对象：

const history = useHistory();

现在，你可以使用history对象来进行路由导航。要找到一条路径并添加一个新的URL，可以使用push方法。例如，假设你想要在当前路径后面添加/new：

history.push('/new');

这将导航到当前路径后面添加/new的新路径。

完整的代码示例：

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

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

  const handleButtonClick = () => {
    history.push('/new');
  };

  return (
    <div>
      <button onClick={handleButtonClick}>添加新的URL</button>
    </div>
  );
};

export default MyComponent;

这样，当按钮被点击时，将会导航到当前路径后面添加/new的新路径。

希望这个答案能够满足你的需求。如果你需要了解更多关于React Router的信息，可以参考腾讯云的相关产品文档：React Router。