Reactjs react redux应用程序中路由的替代方法
我一直在寻找能很好地使用react和redux的路由器,但我找不到任何能满足我对完美路由系统想象的东西 一般来说,在大多数流行的路由解决方案(例如react router)中,我讨厌的是所有路由都定义为react组件。这不适合我想要使用的体系结构,它如下所示:应用程序被划分为单独的模块。每个模块定义其使用的路由和路由处理程序的路由,例如:Reactjs react redux应用程序中路由的替代方法,reactjs,routing,redux,react-router,react-redux,Reactjs,Routing,Redux,React Router,React Redux,我一直在寻找能很好地使用react和redux的路由器,但我找不到任何能满足我对完美路由系统想象的东西 一般来说,在大多数流行的路由解决方案(例如react router)中,我讨厌的是所有路由都定义为react组件。这不适合我想要使用的体系结构,它如下所示:应用程序被划分为单独的模块。每个模块定义其使用的路由和路由处理程序的路由,例如: function setupModule({ addRoute, changeView }) { function showFooView() {
function setupModule({ addRoute, changeView }) {
function showFooView() {
return (dispatch) => {
dispatch(changeView(ComponentFoo));
};
}
addRoute("/foo", showFooView);
}
现在,当有人访问/foo
路由时,应该呈现
这种方法的问题是,我必须使用ComponentFoo
视图调度changeView
操作,并将其保存在存储中,以便我的应用程序组件知道应该呈现哪个视图。这意味着在商店中保留功能,这通常是不推荐的
你能看到我可以使用所描述的路由系统而不破坏redux规则的任何方法吗?你可以使用idrectly,这是react路由器用来操作和管理地址栏/URL的方法。我知道,但真正的问题是如何告诉react/redux在URL更改时呈现不同的视图你可以使用idrectly,这是react路由器用来操作和管理地址栏/URL的功能。我知道,但真正的问题是如何告诉react/redux在更改URL时呈现不同的视图