自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 React的Hooks篇介绍(下)

这个hook和memo本身没有关系,它类似于vue中的computed,他会自动的将内部函数调用,得到结果缓存起来。当我们下次使用时,就不需要调用,直接当成数据使用即可。上面代码,有一个问题,如果我们stus数据发生改变时,比如新增了男生,那么boys是不会更新的。如果不更新,则我们就需要在依赖数组中, 添加对应依赖的数据,比如我们这个例子,boys需要依赖stus,那么我们就需要填入stususeRef这个是用来获取DOM对象,类似于Vue中通过ref获取DOM对象的操作。React

2022-12-03 20:06:30 139

原创 React的Hooks篇介绍(上)

Hooks是什么? 常见的Hook有哪些?给函数式组件中,添加状态。useEffect模拟生命周期钩子函数useContext如果我们想要让组建的数据传递给后代组件,可以使用Context,我们需要借助createContext来帮助我们解决问题。祖先组件子组件React组件的渲染机制当一个React组件中的数据被修改时,那么这个组件就会被重新渲染,只要内部有子组件,子组件也会被重新渲染。当我们的数据count发生改变时,我们对应的Parent会被重新渲染,因为父组件重

2022-12-03 12:18:08 297

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除