JSX的基础使用（二）

1.事件绑定

•  React 事件的 命名采用小驼峰式（camelCase），而不是纯小写 ；
• 们需要 通过{}传入一个事件处理函数 ，这个函数会在事件发生时被执行；

2.this绑定

• bind给btnClick显示绑定this；
• 使用 ES6 class fields 语法 ；
• 事件监听时传入箭头函数 （箭头函数this不绑定，this默认获取外层this）;

3.事件参数传递

1. 需要获取event对象

        有些时候我们需要拿到event对象来做一些事情（比如阻止默认行为），默认情况下，event对象有被直接传入，函数就可以获取到event对象；

     2.获取更多参数

        有更多参数时，我们最好的方式就是传入一个箭头函数，主动执行的事件函数，并且传入相关的其他参数；

4.条件渲染

• 当前ReactElement的类型；
• 如果是标签元素，那么就使用字符串表示 “div”；
• 如果是组件元素，那么就直接使用组件的名称；

• 所有jsx中的属性都在config中以对象的属性和值的形式存储；
• 比如传入className作为元素的class；

• 存放在标签中的内容，以children数组的方式进行存储；

react从jsx到虚拟dom到真实dom的过程