React Native+Redux-Saga存储认证Token遇await报错如何处理？

你遇到的问题核心是Redux-Saga的生成器函数和async/await语法不兼容——function*定义的是生成器函数，它的异步流程控制依赖于yield和Saga提供的Effect（比如call），而非await，直接用await会被当作保留字报错，这确实是用法上的小误解。

正确做法：用Saga的call Effect包裹AsyncStorage操作 #

在Redux-Saga里，所有返回Promise的异步操作都需要通过call这个Effect来调用，它会帮你处理Promise的等待逻辑，同时保持Saga流程的可测试性。

修改你的代码片段如下：

import { call, put } from 'redux-saga/effects';
// 注意：React Native 0.60+ 推荐使用独立的AsyncStorage包
import AsyncStorage from '@react-native-async-storage/async-storage';

function* loginFlow(action) {
  try {
    const { username, password } = action;
    // 调用接口获取token
    const response = yield call(getUser, username, password);
    const token = response.data.token; // 假设接口返回的token位置

    // 用call包裹AsyncStorage.setItem，替代await
    yield call(AsyncStorage.setItem, 'token', token);

    // 派发登录成功的action
    yield put({ type: 'LOGIN_SUCCESS', token });
  } catch (error) {
    // 处理请求或存储失败的错误
    yield put({ type: 'LOGIN_FAILURE', error: error.message });
  }
}

为什么不能在Saga里直接用await？ #

• Redux-Saga的核心是生成器函数，它通过yield把控制权交还给Saga运行时，由运行时处理异步操作的完成和后续流程；而await是async函数的专属语法，两者执行机制完全不同，无法混用。
• 使用call还有额外优势：Saga支持对这些异步调用做测试模拟，直接用await会让测试变得困难。

额外注意事项 #

1. 确保安装了正确的依赖：React Native官方已将AsyncStorage移出核心库，需要单独安装@react-native-async-storage/async-storage，0.60+版本支持自动链接。
2. 可将存储逻辑封装为独立工具函数，让代码更清晰：

// 工具函数
const saveTokenToStorage = async (token) => {
  await AsyncStorage.setItem('token', token);
};

// 在Saga中调用
yield call(saveTokenToStorage, token);

即使工具函数内部用了async/await，Saga的call也能正确处理这个Promise。

内容的提问来源于stack exchange，提问作者blueether