Question

我正在使用带有史诗的redux-observable。

 return action$.ofType('APPLY_SHOPPING_LISTS')
            .flatMap(() => Observable.concat(Observable.of({ type: 'APPLYING_SHOPPING_LISTS' }), Observable.of({ type: 'APPLIED_SHOPPING_LISTS' }).delay(5000);

一旦epic完成触发'APPLIED_SHOPPING_LISTS'我想要执行转换，我正在使用react-router。这样做的最佳地点是什么？我看到了redux-history-transitions，这是我应该使用的插件吗？

除此之外，我确实使用了redux-history-transitions并将其更改为以下

return action$.ofType('APPLY_SHOPPING_LISTS')
            .flatMap(() => Observable.concat(Observable.of({ type: 'APPLYING_SHOPPING_LISTS' }), Observable.of({ type: 'APPLIED_SHOPPING_LISTS', meta: {
                        transition: (prevState, nextState, action) => ({
                            pathname: '/Shopping',
                        }),
                    } }).delay(5000);

这似乎改变了url和转换，但是我在'/ Shopping'路径下配置的组件不会呈现。它只停留在当前页面上。这就是我的路线

<Route path='/' component={App}>
    <IndexRoute component={LoginContainer} />
    <Route path='login' component={LoginContainer} />
    <Route path='landing' component={LandingComponent} />
    <Route path='Shopping' component={ShoppingPathComponent} />
</Route>

一旦动作触发，redux-observable就会执行转换

0 个答案: