是否必须将所有请求放入saga？非Redux相关请求可否独立模块

完全可以，这本身就是React+Redux技术栈下非常成熟的通用实践，根本没必要把所有接口请求都塞进redux-saga，更没必要把所有接口返回数据都存入Redux Store。

先澄清一个常见认知误区 #

redux-saga本质只是一个异步侧效管理工具，从来没有强制要求「所有请求必须走saga、所有响应必须入全局Store」。它的适用边界非常清晰：只有当请求逻辑和全局状态强绑定、需要跨组件协调请求流程、需要处理复杂异步流（比如请求取消、竞态控制、多步骤串行/并行依赖、失败自动重试等）的时候，用saga实现才会比散落在各处的逻辑更易维护。

什么场景适合用独立API模块承载请求 #

只要满足以下任意一种情况，都完全可以抽离独立API模块发请求，不需要经过saga、不需要存Redux Store：

• 接口返回的数据只在单个组件/局部组件树内使用，不需要全局共享，也不需要跨组件触发状态联动
• 请求逻辑简单，没有复杂的异步流控制需求，不需要和其他全局状态逻辑做协同
• 数据只需要做组件级别的状态存储，不需要跨页面持久化、不需要在多个不相关的组件间同步

举个最常见的场景：弹窗内拉取详情数据、表单提交后的结果反馈、组件内独有的下拉选项拉取、单组件内的局部列表分页请求，这类逻辑走独立API模块反而代码更简洁，问题排查链路更短，不会让全局Store充斥大量只用一次的冗余状态，也不用为了一个简单请求额外写action、reducer、saga effect一堆模板代码。

独立API模块的常规组织方式 #

一般项目里会单独建api/或者services/目录，按业务域拆分文件，统一封装请求方法、处理通用的请求拦截、响应格式化、错误上报逻辑：

// api/order.js 独立API模块示例
import request from '../utils/request' // 项目内封装好的axios/fetch实例

// 对外暴露请求方法，saga、组件、工具函数都可以直接引入调用
export const getOrderDetail = (orderId) => {
  return request.get(`/api/order/${orderId}`)
}

export const submitOrderComment = (orderId, content) => {
  return request.post(`/api/order/${orderId}/comment`, { content })
}

组件内直接调用的示例：

import { useState, useEffect } from 'react'
import { getOrderDetail } from '@/api/order'
import { Modal } from 'antd'

// 订单详情弹窗组件，数据只在弹窗内使用，不需要全局存储
const OrderDetailModal = ({ orderId, visible, onClose }) => {
  const [detail, setDetail] = useState(null)
  const [loading, setLoading] = useState(false)

  useEffect(() => {
    if (!visible || !orderId) return
    setLoading(true)
    // 直接调用独立API模块的方法，数据存在组件本地state即可
    getOrderDetail(orderId)
      .then(res => setDetail(res.data))
      .finally(() => setLoading(false))
  }, [visible, orderId])

  return (
    <Modal visible={visible} onCancel={onClose} loading={loading}>
      {/* 渲染订单详情内容 */}
    </Modal>
  )
}

哪怕是saga里需要调用请求，也应该直接引入这些封装好的API方法，而不是在saga函数里直接写裸的请求调用，这样整个项目的请求逻辑都收敛在同一层，后续改接口地址、加通用处理逻辑的时候不用到处找代码。

这种实践的核心优势 #

• 避免全局Store臃肿：Store里只保留真正需要全局共享、跨页面使用的状态，大幅降低全局状态同步的心智负担
• 减少无效模板代码：局部逻辑局部维护，不用为了简单请求写一堆冗余的action、reducer样板代码
• 提升代码复用性：API层统一收敛，不管什么场景要调用接口都走同一套逻辑，不会出现重复的请求实现

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