React学习手册

178

｜

第

7

章

case "RESET":

this._count = count

this.emit("RESET", this._count)

return true

}

}

}

Store

会保存倒计时应用程序的

State

，即计数值。计数值可以通过一个只读属性访问。

当

Action

被分发后，

Store

会使用它们来修改计数值。一个

TICK Action

会减少计数

值。一个

REST Action

会重置整个计数值，以及该

Action

引用的所有数据。

一旦

State

发生了变化，

Store

会发起一个事件到任何正在监听的

View

。

综合应用

现在读者应该了解了数据流在

Flux

应用程序的每个部分是如何运作的，接下来看看如

何将这些部分连接到一起：

const appDispatcher = new CountdownDispatcher()

const actions = countdownActions(appDispatcher)

const store = new CountdownStore(10, appDispatcher)

const render = count => ReactDOM.render(

<Countdown count={count} {...actions} />,

document.getElementById('react-container')

)

store.on("TICK", ...