React-在类组件中添加本地状态(state)

  类允许我们在其中添加本地状态(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>
        );
    }
}            

猜你喜欢

转载自www.cnblogs.com/superlizhao/p/9165729.html
今日推荐