React入门之React_渲染基础用法和class实例写法

渲染元素

条件判断

class类

1.实例写法

2.类定义

 //
class B{}
let b=new B()
// B.prototype.constructor === b.constructor  true b是B的实例，它的constructor就是B类原型的constructor
        
//定义类,跟es5一样实例的属性他除非显示定义在其本身（this）
// 否则都是定义在原型（class）上的
class Hello{
     constructor(x,y){
         this.x=x
          // 将实例上的方法或者变量定义在自身this
          // this.add=this.add.bind(this)
          // hello.hasOwnProperty('add') true
          // hello.__proto__.hasOwnProperty('add') true 判断是否定义在类上
       }
       add(){
          console.log(this.x)
       }
}
let hello=new Hello(2)
hello.add()
//hasOwnProperty指向自身属性中是否具有指定属性
// hello.hasOwnProperty('x') true 定义在本身this上的
// hello.hasOwnProperty('y') false 定义在class实例上