关于React Hook(18)
创始人
2024-05-31 06:08:38
0
  1. useState():👉详情 (必须“有条件地调用”;注意避免冗余状态的产生)
    关于useState的两种使用方式的区别:👉详情
    在这里插入图片描述
    关于batch机制:有条件地调用一些状态的set方法时,会等到这些状态的set方法都执行完后,再重新渲染。
    数组的更新:👉详情
    在这里插入图片描述
    对象的更新:👉详情
    在这里插入图片描述
    react中状态为对象和数组时都是只读的,不可以直接修改其值,即应当避免“突变”的产生。(react中只能对刚刚创建的对象进行“突变”,当其成为一个状态时,则需要在修改其前为其创建一个副本。)
    解决方法一:先为其创建副本,再对副本进行修改,最后再使用set方法将副本的值设置为对象或者数组的值。
    解决方法二:直接在set方法内对其进行解构,直接把新值赋给对应改变的值。(对于直接修改数组的浅拷贝后得到的新数组,由于其和原数组指向同一个对象,故也是一种“突变”。)
    参考资料:👉详情

  2. createContext():👉详情 (用于创建上下文)

  3. useContext():👉详情 (用于读取上下文)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    示例参考:👉详情

  4. useRef():👉详情 (应用场景:👉详情)
    在这里插入图片描述
    在这里插入图片描述
    注意事项的第三点的原因即为注意事项的第二点。

  5. useReducer():👉详情(一般用于需要由用户“主动”更新的状态)
    关于useReducer的两种不同的使用方法:👉详情
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  6. useEffect():副作用通常属于事件处理程序。

  7. 啊这:

  8. 啊这:

  9. 啊这:

  10. 啊这:

相关内容

热门资讯

消息人士称泽连斯基已确认乌克兰... 每经AI快讯,当地时间7月13日夜间,乌克兰国家电视广播公司援引消息人士的话报道称,乌克兰总统泽连斯...
沈阳,正把“快乐老家”写进现实 转自:沈阳日报  □孙连宇  在当代城市文明演进的过程中,文化节庆活动已超越单纯的娱乐功能,成为重塑...
美联邦航空管理局:波音飞机的燃... 每经AI快讯,当地时间7月13日,知情人士表示,美国联邦航空管理局(FAA)和波音公司已私下发布通知...
蓟州区创新模式 筑牢安全生产防... 转自:天津日报  “以前觉得安全生产是企业管理层的事,工人只要按规程操作就好。现在不一样了,我们也当...
贵州“锦绣计划”成果公益巡展开... 转自:中国妇女报  中国妇女报全媒体记者王瑞欣 发自贵阳 为深入贯彻落实乡村振兴战略,推动民族文化传...
参观者遭遇停车难如厕难   来参观的市民只能将车停在绿地内。  北京“博物馆热”持续升温,不光是大型博物馆一票难求,有些距离...
网贷哪个平台靠谱利息低易通过,...   网贷如今已经融入了我们的生活,各种网贷平台让我们选择不过来。作为借款人,肯定想选择既靠谱,利息也...
网商贷还进去借不出来 借网商贷...   随着互联网的不断发展,越来越多的人开始会选择使用网商贷。这款产品最大的特点就是免抵押免担保,还是...
蚂蚁借了20万逾期5年,有什么...   蚂蚁借呗是是支付宝推出的一款方便信用贷功能,它主要是方便用户急需用钱可按额度提取。既然蚂蚁借呗属...
怎么恢复网商贷额度 网商贷额度...   网商贷是就是网络贷款,是由网商银行所推出来的一款贷款平台。是凭借自己的信用情况、经营情况等等来进...