class类的各种格式

未完待续,,,,

①通过class类创建:eg:
class Show extends Compent{
render(){
return <h1 style={{color:'red'}}>xxxxx</h1>
}
}// 此处的<h1>是JavaScriptXML,本质是调用createElement()方法

二:组件的两个核心概念:state和props
①state:描述组件内部的状态或者组件的本地状态,即动态的数据;setState({count:this.state.count+1});setState()是合并的操作;改变状态值之恶能通过onClick{()=>}

三:类里面的成员属性,可以通过this.访问
class Student{
constructor(name,age,gender){
​ this.name=name;
​ this.age=age;
​ this.gender=gender;
}
}
或者
class Student{
constructor(name,age,gender){
​ this.name=‘张三’;
this.age='21';
​ this.gender='male';
}
}

或者 下面是ES7或者ES8的简写
class Student{
​ name=‘张三’;
​ age='21';
​ gender='male';
}

猜你喜欢

转载自www.cnblogs.com/yt0817/p/12327871.html