在前端开发中，我们经常需要对应用程序的状态进行管理。而对于复杂的应用程序，状态的管理和维护可能会变得非常困难。
Redux 是一个状态管理库，它可以帮助开发人员更轻松地管理应用程序的状态。它提供了一个单一的状态存储，所有的状态都被存储在一个对象中。
然而，当我们需要在状态中使用时间戳时，Redux 并没有提供方便的解决方案。为了解决这个问题，我们可以使用 Redux Date Now Middleware。
安装
在使用 Redux Date Now Middleware 之前，需要先安装 Redux：
npm install redux --save
然后，用以下命令安装 Redux Date Now Middleware：
npm install redux-date-now-middleware --save
使用
在 Redux 中使用 Redux Date Now Middleware 很简单。我们只需要在创建 Redux store 的时候将其添加到 middleware 数组中即可。
import { createStore, applyMiddleware } from 'redux';
import dateNowMiddleware from 'redux-date-now-middleware';
const store = createStore(
reducer,
applyMiddleware(dateNowMiddleware)
);效果
当我们在 Redux store 中分发一个动作时，Redux Date Now Middleware 会自动在该动作中添加一个名为 dateNow 的属性，该属性会包含当前时间的时间戳。
例如，我们可以创建一个 Redux 动作：
{
type: 'ADD_ITEM',
payload: {
name: 'Apple',
quantity: 10
}
}使用 Redux Date Now Middleware 后，该动作将被扩展为：
{
type: 'ADD_ITEM',
payload: {
name: 'Apple',
quantity: 10
},
dateNow: 1508949650807
}这将帮助我们更轻松地在 Redux store 中使用时间戳。
示例代码
下面是一个使用 Redux Date Now Middleware 的示例：
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ ----------------- ---- ----------------------------
----- ------- - ------ - --- ------- -- -
------ ------------- -
---- -----------
------ -
---------
------ ---------------- -
----- --------------------
--------- ------------------------
---------- --------------
--
--
--------
------ ------
-
--
----- ----- - ------------
--------
----------------------------------
--
----------------
----- -----------
-------- -
----- --------
--------- --
-
---在上面的代码中，我们创建了一个 Redux store，并将 Redux Date Now Middleware 添加到 middleware 数组中。然后，我们分发一个带有 type 和 payload 属性的动作，该动作会将一件商品添加到 Redux store 中。在 reducer 中，我们使用了 action.dateNow 将时间戳添加到新添加的商品对象中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fec81e8991b448ddace