Reactjs react redux应用程序中路由的替代方法

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() {

我一直在寻找能很好地使用react和redux的路由器,但我找不到任何能满足我对完美路由系统想象的东西

一般来说,在大多数流行的路由解决方案(例如react router)中,我讨厌的是所有路由都定义为react组件。这不适合我想要使用的体系结构,它如下所示:应用程序被划分为单独的模块。每个模块定义其使用的路由和路由处理程序的路由,例如:

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时呈现不同的视图