Java开发
课程针对企业需求实时更新
企业级项目精炼 助力高薪
干货来袭！Web前端开发知识点有哪些？快点点击收藏起来吧！
来源: 知了汇智
发布:
知了小姐姐
发布时间:
2021-11-02
大家在学习前端开发过程中使用react的时候会遇见很多问题，如果在对react不熟悉的情况下，对遇见的问题和困难感到莫名奇妙和束手无措，下面给大家带来在使用react过程中需要注意的一些点。
1、setState()是异步的：this.setState()会调用render方法，但并不会立即改变state的值，state是在render方法中赋值的。所以执行this.setState()后立即获取state的值是不变的。
2、组件的生命周期：componentWillReceiveProps，shouldComponentUpdate，componentWillUpdata，componentDidUpdate 只有组件在更新的时候才被调用，初始化时不调用。
3、reducer必须返回一个新的对象才能触发组件的更新：因为在connect函数中会对新旧两个state进行浅对比，如果state只是值改变但是引用地址没有改变，connect会认为它们相同而不触发更新。
4、组件命名的首字母必须是大写，这是类命名的规范。
5、组件卸载之前，加在dom元素上的监听事件，和定时器需要手动清除，因为这些并不在react的控制范围内，必须手动清除。
6、无论reducer返回的state是否改变，subscribe中注册的所有回调函数都会被触发。
7、按需加载时如果组件是通过export default 暴露出去，那么require.ensure时必须加上default。
8、如果使用es6class类继承react的component组件，constructor中必须调用super，因为子类需要用super继承component的this，否则实例化的时候会报错。
9、key做为父组件属性时，子组件中获取不到（即在子组件中this.props.key为undefined）。
10、在render中给点击事件调用函数``onClick={this.onClose('key')}``，如果写成这种形式会导致render无限循环，而如果使用下面形式，函数会返回一个函数，不会出现死循环。
更多请关注成都知了堂前端培训，带你了解更多有关前端的相关问题和知识干货。
1、setState()是异步的：this.setState()会调用render方法，但并不会立即改变state的值，state是在render方法中赋值的。所以执行this.setState()后立即获取state的值是不变的。
2、组件的生命周期：componentWillReceiveProps，shouldComponentUpdate，componentWillUpdata，componentDidUpdate 只有组件在更新的时候才被调用，初始化时不调用。
3、reducer必须返回一个新的对象才能触发组件的更新：因为在connect函数中会对新旧两个state进行浅对比，如果state只是值改变但是引用地址没有改变，connect会认为它们相同而不触发更新。
4、组件命名的首字母必须是大写，这是类命名的规范。
5、组件卸载之前，加在dom元素上的监听事件，和定时器需要手动清除，因为这些并不在react的控制范围内，必须手动清除。
6、无论reducer返回的state是否改变，subscribe中注册的所有回调函数都会被触发。
7、按需加载时如果组件是通过export default 暴露出去，那么require.ensure时必须加上default。
8、如果使用es6class类继承react的component组件，constructor中必须调用super，因为子类需要用super继承component的this，否则实例化的时候会报错。
9、key做为父组件属性时，子组件中获取不到（即在子组件中this.props.key为undefined）。
10、在render中给点击事件调用函数``onClick={this.onClose('key')}``，如果写成这种形式会导致render无限循环，而如果使用下面形式，函数会返回一个函数，不会出现死循环。
更多请关注成都知了堂前端培训，带你了解更多有关前端的相关问题和知识干货。
注：本文部分内容以及图片来源于网络，如网站发布的有关的信息侵犯到您的权益，请及时与我们取得联系删除
- 知了汇智培训课程
-
定制我的Java学习方案
-
网络安全培训
课程领先同行业机构至少三年
百万重金打造企业级攻防实验平台
定制我的网安学习方案 -
鸿蒙认证
容易学，应用到设备端全链条打通零基础
轻松晋级鸿蒙应用开发工程师
领取我的鸿蒙认证课程
