我正在实现一个具有大量表的应用程序,这些表可以完美地与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>
组件内部。
可以轻松解决吗?还是我的整个思维过程是错误的?
答案 0 :(得分:0)
如果任何人都将面临类似的问题-只需将路由器道具(match
,location
,history
)直接传递给Modal
组件的子代。 / p>