Redux-Saga使用yield call调用函数时Flow提示缺少context属性怎么解决？

问题根因 #

该Flow报错是call Effect的重载匹配失败导致的。Redux Saga的call存在两类重载签名：

• 无上下文绑定用法：call(fn, ...args)，要求第一个入参为可调用函数
• 带上下文绑定用法：call([context, fn], ...args) / call({context, fn}, ...args)
  当Flow无法确认传入的第一个参数是合法函数时，会自动匹配到带上下文的重载，进而抛出缺少context属性的错误。
  触发本次问题的核心诱因：
  URLSearchParams.get的返回值本身为string | null可空类型，你直接将可空的code传入要求入参为string类型的confirmCode，导致call的整体参数类型校验失败，进而触发重载匹配错误。

修复方案 #

1. 先收窄code的可空类型 #

对获取到的code做非空校验，确保传入confirmCode的参数符合类型要求：

const params = new URLSearchParams(window.location.search);
const code = params.get('code');
// 非空判断收窄类型
if (!code) {
  // 此处补充无code时的处理逻辑，比如跳转、抛出异常等
  yield put(someErrorAction());
  return;
}

2. 显式指定call的泛型（快速修复） #

如果类型校验仍不通过，可以给call显式声明泛型参数，直接告知Flow当前使用的是无上下文的重载：

const res = yield call<(code: string) => Promise<TResp<void>>>(confirmCode, code);

可选简化修复 #

也可以通过显式绑定null上下文的方式跳过重载推断：

const res = yield call([null, confirmCode], code);

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