我应该使用Redux Saga进行React导航吗?

Redux-Saga 具有 React-Navigation .

redux saga是一个库,旨在使React/redux应用程序中的副作用(即异步事物,如数据获取和不纯事物,如访问浏览器缓存)变得更容易和更好。

心智模型是,传奇就像应用程序中的一条单独的线程,只对副作用负责。

在React Navigation的redux集成部分,它链接到 this example 这表明在没有Redux传奇的情况下使用Redux。在本例中,组件直接向还原器调度动作,而不需要中间件。

即。

src/components/LoginScreen。js公司

const LoginScreen = ({ navigation }) => (
  <View style={styles.container}>
    <Text style={styles.welcome}>
      Screen A
    </Text>
    <Text style={styles.instructions}>
      This is great
    </Text>
    <Button
      onPress={() => navigation.dispatch({ type: 'Login' })}
      title="Log in"
    />
  </View>
);

src/减速器/导航。js公司

function nav(state = initialNavState, action) {
  let nextState;
  switch (action.type) {
    case 'Login':
      nextState = AppNavigator.router.getStateForAction(
        NavigationActions.back(),
        state
      );
      break;
    case 'Logout':
      nextState = AppNavigator.router.getStateForAction(
        NavigationActions.navigate({ routeName: 'Login' }),
        state
      );
      break;
    default:
      nextState = AppNavigator.router.getStateForAction(action, state);
      break;
  }

  // Simply return the original `state` if `nextState` is null or undefined.
  return nextState || state;
}

考虑到这一点,我看到了两种选择:

1) 将常规操作(导航等)与副作用诱导操作(异步api请求)分开,并仅将后者用于redux sagas。我假设这需要connect()包装中的mapDispatchToProps选项。

2) 要么全力以赴,要么什么都不做,确保所有内容都通过redux sagas进行调度,这样动作和减缩器就可以尽可能保持纯净。不过,这对于导航来说是不必要的复杂。