react课堂笔记三之创建组件、绑定属性( 绑定class 绑定style)、引入图片 循环数组渲染数据

1、所有的模板要被一个根节点包含起来

2、模板元素不要加引号

2、{}绑定数据

4、绑定属性注意点
      class 要变成 className   

      for 要变成  htmlFor

      style属性和以前的写法有些不一样
           <div style={{'color':'blue'}}>{this.state.title}</div>
           <div style={{'color':this.state.color}}>{this.state.title}</div>

5、循环数据要加key

6、组件的构造函数中要注意super

  子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用super方法，子类就得不到this对象

  constructor(props){
        super(props);  /*用于父子组件传值  固定写法*/

        this.state={
            userinfo:'张三'
        }
    }

7、组件名称首字母大写、组件类名称首字母大写