关于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. 啊这:

相关内容

热门资讯

1310万千瓦海上风电项目有序... 6月20日,在2025海上风电大会上,辽宁省发改委主任周轶赢汇报了辽宁风电产业发展构想,她表示,辽宁...
芯动联科220.84万限售股将... 芯动联科6月21日发布公告称,公司部分限售股即将解禁上市,本次解除限售股份的数量为220.84万股,...
持续强降雨是否会影响“苏超”?... 来源:中国新闻网 中新网北京6月20日电(记者 邵萌)本轮南方强降水过程已进入最强时段。据中央气象台...
复旦大学校长金力寄语2025届... 今天(6月20日),复旦大学2025届学生毕业典礼举行。3588名本科毕业生将带着复旦的百廿芳华奔赴...
中信银行成都分行走进四川省企业...   近日,中信银行成都分行走进四川省经济和信息化厅旗下重要企业服务平台——四川省企业之家,开展“夏季...
渝三峡A拟控股蔚蓝时代 进军辐... 上证报中国证券网讯渝三峡A6月20日晚间公告,拟以现金3036.82万元受让重庆晓满科技合伙企业(有...
翠华控股发盈警 预计年度净利同... 观点网讯:6月20日,翠华控股发布盈警公告,预计截至2025年3月31日止财政年度公司拥有人应占溢利...
国家金融监督管理总局江西监管局... 序号当事人名称主要违法违规行为行政处罚内容作出决定机关1江西湾里农村商业银行股份有限公司红谷滩支行及...
全国首探!海燕II型无人机成功... 四川在线记者 宁宁6月20日,四川在线记者从中航(成都)无人机系统股份有限公司获悉,日前由中国航空工...
泸州警方通报一起持刀伤人纵火案... 转自:长安街知事6月20日晚间,四川泸州市公安局龙马潭区分局发布警情通报:6月20日11时许,龙马潭...