react 学习

Posted 2021-09-16 木子喵

1. react 事件

1. react 事件是不需要考虑兼容性的，直接使用oneventType 绑定即可。
2. 在React中,event对象并不是浏览器提供的,你可以将它理解为React的事件对象,由React将原生浏览器的event对象进行了封装,对外提供一公共的API接口,无需考虑各个浏览器的兼容性
3. 与原生浏览器处理事件的冒泡(event.stopPropatation),阻止默认行为(event.preventDefault)使用一样
4. 当在JSX上进行事件监听绑定的时候,对于JSX回调函数中的this，由于Es6中的class的方法默认不会绑定this,如果你不进行this的坏境绑定,忘记绑定事件处理函数,并把它传给事件方法(上面是onClick),那么this的值是undefined。一定要注意this的指向问题。如果没有再构造器里面bind，就一直要在应用的时候用剪头函数。建议是在构造器里面就绑定this。这样性能要高一些，
5. 工具类的loadsh .关注一下

2. react 组件的生命周期

》一个React元素渲染到页面当中,本质上是通过底层的React.CreateElement的一个方法实现的,它是一个javascript对象,将虚拟DOM转化为真实的DOM,最后通过ReactDOM.render()方法将真实的DOM渲染挂载到对应的页面位置上