React 状态管理面试题, Redux 的 thunk 有什么作用?

Step 1

Q:: Redux 的 thunk 有什么作用？

A:: Redux Thunk 是一个中间件，它允许你编写可以返回函数而不仅仅是 actions 的 Redux action creators。这对于处理异步操作非常有用，例如从 API 获取数据。Thunk 可以延迟执行，直到满足条件或在一段时间后执行操作。

Step 2

Q:: 为什么在 Redux 中需要 Thunk 中间件？

A:: 在 Redux 中，action 必须是纯对象，并且是同步的。为了处理异步操作，例如 API 请求，你需要使用 Thunk 这样的中间件来允许 action creators 返回一个函数，这个函数可以包含异步逻辑，并在异步操作完成后 dispatch action。

Step 3

Q:: 如何在 Redux 项目中使用 Thunk？

A:: 首先，安装 redux-thunk 库，然后在创建 Redux store 时，将 thunk 作为中间件传入 applyMiddleware。之后，你可以编写返回函数的 action creators，并在这个函数中处理异步逻辑。

Step 4

Q:: Thunk 和 Saga 有什么区别？

A:: Redux Thunk 和 Redux Saga 都用于处理 Redux 中的异步操作，但它们的实现方式不同。Thunk 是通过返回函数来实现异步操作，Saga 使用 ES6 的 Generator 函数来处理异步流程，提供了更复杂的异步控制功能。Saga 适合处理更复杂的业务逻辑，而 Thunk 更简单，适合基本的异步操作。