悬停或呼叫时预渲染组件/路线

时间:2018-02-14 13:21:45

标签: reactjs react-router-redux react-router-dom

我正在使用react-router-redux,并希望创建一个新的自定义NavLinkLink,用于在悬停时为悬停的链接路由预加载组件。我很乐意帮助我指出正确的方向。

我不知道如何在不路由的情况下完成路由中定义的组件的安装。

基本上,如果我在页面的根网址并将鼠标悬停在<Link to="/portfolio" />上,我希望路由中定义的匹配组件预取此页面所需的数据,以便当用户最终点击链接时数据已经送达了。

创建一个HOC来向链接添加eventlisteners然后调度一个动作我没有问题,但我需要有关如何挂载路由而不实际路由到它们的帮助。

1 个答案:

答案 0 :(得分:0)

react-loadable听起来就像你想要的那样。

https://www.npmjs.com/package/react-loadable