组件实例三大属性

组件实例三大属性 一、三大属性之一:state 1、在构造器中初始化state

默认状态下React.Components会给我们定义构造器(类似于无参构造函数一样),但是默认是把state设置为null的,那么如果我们要自定义初始化的state的话,那么我们就要像(有参构造函数一样)自定义构造函数了

 

如何自定义构造函数呢?

先上代码:

class Weather extends React.Component { constructor(props) { super(props) this.state = {isHot: false} this.changeWeacher = this.changeWeacher.bind(this) } render() { return <h1 onClick={this.changeWeacher}>今天天气很{this.state.isHot ? '炎热' : '凉爽'}</h1> } // 不写 function changeWeacher() { console.log(this) } }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwzgxz.html