非官方测试版翻译

本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →

Redux 常见问题解答

目录

• 通用

  • 我应该在什么时候学习 Redux？
  • 我应该在什么时候使用 Redux？
  • Redux 只能和 React 一起使用吗？
  • 使用 Redux 需要特定的构建工具吗？

• Reducer

  • 如何在两个 reducer 之间共享状态？必须使用 combineReducers 吗？
  • 必须使用 switch 语句来处理 action 吗？

• 状态组织

  • 是否必须将所有状态都放入 Redux？应该使用 React 的 useState 或 useReducer 吗？
  • 可以在 store 状态中存储函数、Promise 或其他不可序列化的对象吗？
  • 如何组织状态中的嵌套或重复数据？
  • 应该将表单状态或其他 UI 状态放入 store 吗？

• Store 设置

  • 可以或应该创建多个 store 吗？可以直接导入 store 并在组件中使用吗？
  • 在 store 增强器中配置多个中间件链可以吗？中间件函数中的 next 和 dispatch 有什么区别？
  • 如何只订阅部分状态？订阅回调中能获取分发的 action 吗？

• Action

  • 为什么 action 的 type 应该是字符串（或至少可序列化）？为什么 action 类型应该是常量？
  • reducer 和 action 之间总是一对一映射吗？
  • 如何表示 AJAX 调用等"副作用"？为什么需要"action 创建函数"、"thunk"和"中间件"来处理异步行为？
  • 应该使用什么异步中间件？如何在 thunk、saga、observable 等方案中选择？
  • 应该在一个 action 创建函数中连续分发多个 action 吗？

• 不可变数据

  • 不可变性有哪些好处？
  • 为什么 Redux 要求不可变性？
  • 有哪些处理数据不可变性的方法？必须使用 Immer 吗？
  • 使用原生 JavaScript 进行不可变操作有哪些问题？

• 代码结构

  • 文件结构应该怎样设计？如何组织 action 创建器和 reducer？选择器应该放在哪里？
  • 如何在 reducer 和 action 创建器之间划分逻辑？业务逻辑应该放在哪里？
  • 为什么应该使用 action 创建器？
  • WebSocket 和其他持久连接应该放在哪里？
  • 如何在非组件文件中使用 Redux store？

• 性能

  • Redux 在性能和架构方面的扩展性如何？
  • 为每个 action 调用所有 reducer 会很慢吗？
  • 必须在 reducer 中深拷贝 state 吗？拷贝 state 会不会很慢？
  • 如何减少 store 更新事件的次数？
  • 单一状态树会导致内存问题吗？分发大量 action 会占用内存吗？
  • 缓存远程数据会导致内存问题吗？

• 设计决策

  • 为什么 Redux 不将 state 和 action 传递给订阅者？
  • 为什么 Redux 不支持使用类表示 action 和 reducer？
  • 为什么中间件签名使用柯里化？
  • 为什么 applyMiddleware 使用闭包封装 dispatch？
  • 为什么 combineReducers 调用 reducer 时不传入整个 state 作为第三个参数？
  • 为什么 mapDispatchToProps 不允许使用 getState() 或 mapStateToProps() 的返回值？

• React Redux

  • 为什么应该使用 React-Redux？
  • 为什么组件没有重新渲染，或者 mapStateToProps 没有执行？
  • 为什么组件重新渲染过于频繁？
  • 如何优化 mapStateToProps 的性能？
  • 为什么在 connected 组件中无法访问 this.props.dispatch？
  • 应该只连接顶层组件，还是可以连接组件树中的多个组件？

• 其他问题

  • 有哪些大型的实际 Redux 项目案例？
  • 如何在 Redux 中实现身份验证？