码迷,mamicode.com
首页 > 其他好文 > 详细

react面试题

时间:2021-06-28 19:08:05      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:sem   text   清除   数据   context   绑定   new   redux   div   

https://blog.csdn.net/kellywong/article/details/106430977

一,react hooks组件传值

1,父传子:通过props传值
2,子传父:子组件通过 父组件传递的事件newList,把值传给父组件
3,通过ref元素的引用来传值
4,跨级传递:使用useContext来传值
 
hooks的优缺点
解决类组件的代码复杂,复杂的this指向,bing绑定;复杂的生命周期,代码冗余
 
react hooks钩子:
1,useState(),状态钩子,定义变量用
2,useEffect(),副作用钩子,用来清除副作用,数据请求,代替生命周期,修改dom, 销毁定时器
[]依赖什么值来触发,空就是依赖自己
3,useContext(Value); 解决父子组件传值的问题
4,useReducer() 状态共享   相当于redux  
5,useMemo() 解决组件重复执行问题,  :父组件a值改变的时候,子组件b才会更新
6,useRef() 获取DOM, 保存变量

react面试题

标签:sem   text   清除   数据   context   绑定   new   redux   div   

原文地址:https://www.cnblogs.com/yizhilin/p/14939329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!