未完待续,,,,
①通过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';
}