React教程-组件

在React中创建一个组件非常简单（React组件有2种，一个非状态组件，一个有状态组件）

首先我们来看看ES6里面如何写构造函数

 class App{

     constructor(){

   } 
 
    event(){
            console.log("event是类App的方法")
      } 
    onChange(){
           console.log("onChange是类App的方法")
    }
       

}

在这个构造函数中App称为类


class Module extends App{
   constructor() {
    super()
  
  }
}

Module继承父类App的所有方法跟属性
在子类的构造函数中，只有调用super之后，才可以使用this关键字，否则会报错

React组件写法

class App1 extends Component{
    constructor(){
       super()
        this.state = {
       
         }
        this.Method = this.Method.bind(this) 
}
  
  Method(){
console.log("我是一个方法，我被的点击时候调用")
   }

   render(){
    return(

//所有的html都写在return里面

<div onClick = {this.Method}>我们创建的组件</div>  ) } }
 
export default App1;