我想问一下大家在用react写Sword的时候，刷新页面要调用后端接口然后把数据存入到redux中。所以我不想在任何一个组件里去调用dispatch，有什么解决方案吗
可以考虑以下解决方案：
1. 使用中间件（如Redux-Saga或Redux-Thunk）: 通过中间件，你可以处理异步逻辑（如API调用），然后将结果分发到Redux store。例如，Redux-Saga可以监听特定的action，然后执行相应的异步操作。
2. 在应用的最顶层组件（如App组件）中进行初始化操作: 在React的生命周期方法或者使用`useEffect`钩子（如果是函数组件）中进行数据的初始化和`dispatch`调用。这样，你不需要在多个组件中重复相同的逻辑。
3. 使用自定义钩子: 创建一个自定义钩子来封装`dispatch`逻辑，然后在需要的地方调用这个钩子。这样可以减少重复代码，并保持组件的简洁。
4. 使用路由钩子（如果使用了如React Router的路由库）: 在路由变化时触发数据加载逻辑。例如，使用`useEffect`配合路由信息来判断何时调用后端接口。
5. 服务层封装: 创建一个服务层来处理所有与后端通信的逻辑。在服务层内部处理API调用和更新Redux store的逻辑，这样可以从组件中抽离出数据加载的逻辑。 每种方法都有其适用场景和优势，可以根据你的具体需求和项目架构来选择最合适的方案。
扫一扫访问 Blade技术社区 移动端
加载中...
苏公网安备 32041102000998号