React 进阶面试题, 状态管理
React 进阶面试题, 状态管理
QA
Step 1
Q:: 如何使用React Context API进行状态管理？
A:: React Context API 提供了一种通过组件树共享全局数据的方式，而不需要通过层层组件传递props。使用Context可以在无需显式传递props的情况下让子组件访问数据。创建一个Context，通过Provider提供数据，使用useContext hook来消费这个数据。
Step 2
Q:: Redux 与 React Context API 的主要区别是什么？
A:: Redux 是一个功能强大的状态管理库，提供了一个全局的store来管理状态并支持时间旅行、调试工具等功能。它适合大型应用和复杂的状态管理需求。而React Context API 则更加轻量，适用于简单的全局状态共享，不支持Redux的中间件和工具。
Step 3
Q:: 如何在React中实现全局状态管理？
A:: 在React中，可以通过使用Redux、MobX、Recoil或React Context API等库来实现全局状态管理。这些库允许在不同组件之间共享状态而不需要通过props进行传递。Redux 是最流行的方案，提供了单一的store来集中管理应用的状态。
Step 4
Q:: Redux的核心概念有哪些？
A:: Redux的核心概念包括：1. Store：保存应用的状态；2. Action：描述状态变化的对象；3. Reducer：根据Action来更新State的纯函数；4. Dispatch：触发Action以通知Store更新状态。
Step 5
Q:: 如何处理Redux中的异步操作？
A:: Redux 通过中间件（middleware）来处理异步操作。最常用的中间件有redux-thunk和redux-saga。redux-thunk 允许action creators返回一个函数而不是一个action对象，redux-saga 则使用生成器函数更优雅地处理复杂的异步流程。
Step 6
Q:: React 状态管理中的副作用如何处理？
A:: 在React中，可以通过useEffect hook来处理副作用，如数据获取、订阅或手动更改DOM。对于更复杂的副作用管理，redux-saga 和 redux-observable 等中间件提供了更强大的异步控制和流控制功能。
Step 7
Q:: 为什么要避免React中的'Prop Drilling'？
A:: Prop Drilling 是指将数据通过多层组件传递，导致中间组件只是为了传递数据而存在。这种方式会导致组件结构复杂且难以维护。通过使用React Context、Redux等全局状态管理方法，可以避免这种问题。
Step 8
Q:: 如何在Redux中使用Selector？
A:: Selector 是Redux中用于从store中获取数据的函数。使用reselect库可以创建Memoized Selector，以提高性能，避免不必要的重新渲染。