React学习手册

176

｜

第

7

章

时间轴应用。使用包含内部

State

的时间轴组件来可视化用户应用程序的时间轴

并不存在什么限制。

应该谨慎地使用

State

，只在必要的情况下。通过可复用组件内部管理它们自身

的

State

。应用程序其余的部分并不需要“了解”子组件的

State

。

Action

和

Action

生成器

Action

提供的指令和数据主要的用途是

Store

用来修改

State

的。

Action

生成器就是函

数，主要用来封装构造某个

Action

的具体细节。

Action

本身是由若干对象构成，并且

至少包含一个类型字段。

Action

类型一般是通过一个由大写字母组成的字符串进行描

述的。此外，

Action

也可能打包了任何

Store

所需的数据。比如：

const countdownActions = dispatcher =>

({

tick(currentCount) {

dispatcher.handleAction(

{ type: 'TICK' }

)

},

reset(count) {

dispatcher.handleAction({

type: 'RESET',

count

})

}

})

当倒计时

Action

生成器被载入时，

dispatcher

会作为一个参数传递给它。每次某个

TICK

或者

RESET

函数被调用时，

dispatcher

的

handleAction

方法也会被调用，以便

“调度”

Action ...