React学习手册

312

｜

第

12

章

现在

Express

应用程序已经包含能够响应

HTTP

请求的若干端点了，我们将会修改前端

的

Action

生成器来和这些端点交互。

采用了

Redux Thunk

的

Action

客户端

/

服务器端交互的问题之一是延迟问题，或者发送一个请求后用户等待响应时

经历的延迟。我们的

Action

生成器在能够分发

Action

之前需要等待一个响应，因为在

我们的解决方案中，

Action

自身是从服务器端被发送到客户端的。

Redux

有一个可以

帮助用户处理异步

Action

的中间件，它被称为

redux-thunk

。

在下一节中，我们将会使用

redux-thunk

重写

Action

生成器代码。这些

Action

生成器

被称为

thunks

，它允许用户在分发本地

Action

之前等待服务器端响应。

thunks

是由一

些高阶函数组成的。和

Action

对象相反，它们会返回其他函数。接下来将安装

redux-

thunk

：

npm install redux-thunk --save

redux-thunk

是中间件，它需要被集成到

storeFactory

中。首先，在

./src/Store/index.js

文件的顶部，导入

redux-thunk

：

import thunk from 'redux-thunk'

storeFactory

包含一个名为

middleware

的函数。它返回的中间件将会以单个数组的形

式被集成到新的

Store

中。我们可以添加任意

Redux

中间件到这个数组中。每个元素都

会被作为参数传递给

applyMiddleware ...