安装 redux-thunk - Shell-Bash

redux-thunk 是一个 Redux 的中间件，可以让 action creator 返回一个函数，而不是一个对象，这样来实现异步操作。

本文将介绍如何在 Shell 或 Bash 中安装 redux-thunk。

步骤

1. 打开终端，切换到项目目录下。

2. 执行以下命令，安装 redux-thunk：

   npm install --save redux-thunk
   

   或者使用 yarn：

   yarn add redux-thunk
   

3. 在你的代码中使用 redux-thunk 中间件。在创建 store 时，使用 applyMiddleware 方法来应用中间件：

   import { createStore, applyMiddleware } from 'redux';
   import thunk from 'redux-thunk';
   import rootReducer from './reducers';
   
   const store = createStore(rootReducer, applyMiddleware(thunk));
   

4. 在你的 action creator 中使用异步操作。例如：

   export const fetchPosts = () => {
     return (dispatch) => {
       dispatch({ type: 'FETCH_POSTS_REQUEST' });
       fetch('/api/posts')
         .then(response => response.json())
         .then(posts => {
           dispatch({ type: 'FETCH_POSTS_SUCCESS', payload: posts });
         })
         .catch(error => {
           dispatch({ type: 'FETCH_POSTS_FAILURE', payload: error });
         });
     };
   };
   

   上例中的 fetchPosts 函数返回了一个匿名函数，该函数接收 dispatch 参数，可以在内部调用 dispatch 方法来修改 store 中的状态。

结语

redux-thunk 可以让 Redux 应用支持异步操作，如果你的应用需要异步操作，那么可以考虑安装和使用 redux-thunk。