将 react-router 与反应门户一起使用？

Question

我正在实现一个包含大量表的应用程序，这些表可以完美地与 react-router 配合使用，读取 URL 查询等。

现在我需要将其中一个表格放入模式中（为此我使用了AntUI Modal 组件）。从此表中，我可以使用 history 更改浏览器中的 URL 查询：

import createHistory from 'history/createBrowserHistory';

export const history = createHistory()
...
history.push({ search: 'my search here' });

问题在于，模式内的表格的 URL 更改不可见。我尝试将组件包装在 withRouter HOC 中，但没有帮助，所以我认为问题在于模态未放置在 <Router> 组件内。

可以轻松解决吗？或者我的整个思考过程是错误的？

Answer 1

如果有人遇到类似问题 - 只需将路由器道具（match、location、history）直接传递给 Modal 组件的子组件。