State
程序之所以有灵魂是因为它具有状态,然而,在 React
中,通过 state
的变化来改变视图,从而让 UI
发生变化。组件的 state
是组件内部的状态,而且这个状态是组件私有的。在组件的 constructor
方法中,通过 this.state
定义组件的初始状态。状态改变的唯一途径就是 this.setState()
这个方法。
需要注意的是,通过函数定义的组件是没有状态的,所以通过函数定义的组件都是无状态组件。如果需要定义有状态组件,必须使用类的方式定义。
class Clock extends React.Component {
constructor(props) {
super(props);
//初始化状态
this.state = {
date: new Date()};
}
render(