React项目中混用useNavigate与useHistory是否可行？

• 如果你的项目基于React Router v6：
  完全可以在新组件里直接用useNavigate，不会和旧组件的useHistory产生兼容问题。v6官方提供了react-router-dom/compat包适配旧的useHistory API，底层复用了v6的导航逻辑，新旧API共享同一个路由上下文。不管是旧组件调用history.push()还是新组件调用navigate()，都会正确触发路由状态更新，组件的路由监听（比如useLocation）也能正常响应，不会出现状态不一致的情况。

• 如果你的项目还在React Router v5：
  useNavigate本身不存在，这种情况没法直接使用，你要么升级到v6，要么继续用useHistory。

关于你担心的未知bug：
官方设计compat层的核心目的就是支持这种渐进式升级——旧代码保留不动，新代码用新API，这是官方认可的做法，不会引入难以排查的bug。唯一需要注意的是不要在单个组件里混用两种API，保持新组件的API一致性即可。

内容的提问来源于stack exchange，提问作者Doruk