State

有两种类型的数据会控制一个组件：props 和 state。props 由父组件设置，并且在组件的生命周期内是固定的。对于会变化的数据，我们必须使用 state。

通常，你应该在构造函数中初始化 state，然后在想要修改它时调用 setState。

例如，假设我们想让文字一直闪烁。文字本身是在闪烁组件创建时设置一次的，所以文字本身是一个 prop。“当前文字是显示还是隐藏”会随着时间变化，所以应该保存在 state 中。

TypeScript

JavaScript

在真实应用中，你大概不会用定时器来设置 state。你可能会在从服务器获取到新数据时，或者在用户输入时设置 state。你也可以使用像 Redux 或 MobX 这样的状态容器来控制数据流。在这种情况下，你会使用 Redux 或 MobX 来修改 state，而不是直接调用 setState。

当调用 setState 时，BlinkApp 会重新渲染它的组件。通过在 Timer 中调用 setState，组件会在每次 Timer 触发时重新渲染。

State 的工作方式与 React 中相同，因此关于如何处理 state 的更多细节，你可以查看 React.Component API。到这里，你可能已经注意到我们的示例大多使用默认文本颜色。若要自定义文本颜色，你需要先了解 Style。