11.26-11.27 React学习笔记

11.26

注意：React的首字母必须是大写，不然浏览器会把组件当作普通标签出现错误。

import React from ’react’ //导入React

 

//创建并且暴露这个组件

export default function Hello(props){

console.log(props)

return <div>这是Hello组件---(props.name)---(props.age)---(props.gender)</div>

}

 

11.27

第二种：

使用class关键字来创建组件

ES6中class关键字，是实现面向对象编程的新形式

导入包

   import  

class Animal{

constructor(name,age){

// 【实例属性】 通过new出来的实例，访问到的属性

this.name=name

this.age=age

}  //这是类中的构造器，

                 //每一个类中，都有一个构造器，

//如果程序员没有手动指定构造器，那么有一个隐形的构造器，

//空的构造器，类似于constructor(){}

//构造器的作用就是，每当new一个新的类时，会优先执行构造器中的代码

static info=’eee’//在class内部，通过static修饰的属性，就是静态属性

}

const a1 = new Animal(‘大黄’，3)

console.log(a1)

console.log(a1.name)

 

【静态属性】

通过构造函数直接访问到的属性，叫做静态属性

Console.log(Animal.info)

Info是Animal的静态属性，直接挂载给了构造函数，所以它是静态属性