类允许我们在其中添加本地状态(state)和生命周期钩子。
首先创建一个类组件:
1、创建一个继承自 React.Component 类的 ES6 class 同名类;
2、添加一个 类构造函数(class constructor) 初始化 this.state,注意我们如何将 props 传递给基础构造函数。
3、添加一个名为 render() 的方法;
4、在render() 方法 用this.state.date:
class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } render() { return ( <div> <h1>Hello, world!</h1> <h2>It is {this.state.date.toLocaleTimeString()}.</h2> </div> ); } }