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;

 

posted @ 2018-03-14 16:50  GoTime  阅读(206)  评论(0编辑  收藏  举报