reactjs - 如何在 react 路由器转换中保持状态

Question

我已经设置了相当典型的 react 路由器应用程序:

var App = React.createClass({
    render: function() {
        return ( < RouteHandler /> );
    }
});

var routes = (
    <Route handler = { App }>
        < Route name = "Todo" path = "todo/:id" handler = {Todo}/>
        < DefaultRoute name = "Todos" handler = {Todos}/>
    </Route>
);

Router.run(routes, function(Handler) {
    React.render( < Handler /> , document.getElementById('content'));
});

我的问题是我的 Todos组件上有一些搜索过滤器，当我转换到特定的 Todo 时，我想保留这些过滤器。然后回来。显而易见的解决方案是将这些过滤器值保存在 App 上。的状态，但我想不出一种优雅的方式来允许 Todos访问App的状态。

有什么提示吗？

附录:此应用程序使用 Reflux 以及 React-router。

Answer 1

我想要保存列表的状态过滤器和页码的网址。

react 路由器“这种方法的好处”之一是:URL 是您首先想到的，而不是事后想到的。

网址是网络的基础部分，充分利用它，不要试图避免它。

通过将过滤器状态保存在网址中，您可以免费获得后退按钮支持，并允许您的用户将该过滤状态保留为书签或链接。