React hooks

hoos规则:

hooks通常放在组件顶部

hooks不能写在if语句里面

1.useState(initState)

用于为函数组件引入状态state

可接受状态的初始值作为参数

返回一个数组,数组的第一个成员是一个变量,指向状态的当前值;数组的第二个成员是一个函数,用来更新状态;

注意点:

setState() 不一定是同步的,为了提升性能,React会批量执行state更新和DOM渲染

setState() 并不会立即改变state,而是创建一个即将处理的state

不要依赖state的值来更新下一个状态

2.useEffect()

负责执行副作用

第一个参数,是一个函数,组件每渲染一次,该函数就会自动执行一次,组件首次在网页DOM加载后,该函数也会执行

第二个参数,是一个依赖项数组,如果依赖项数组不为空,那么当依赖项发生变化时,副作用函数会执行;如果依赖项数组为空,那么副作用函数只会在组件加载DOM后执行一次

允许返回一个函数,该函数会在组件写在时执行,用于清理副作用,如果不需要清理,可

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值