当前位置: 首页 > news >正文

React/ReactNative面试攻略(偏RN)

  1. useMemo Vs useCallBack

  1. useMemo第一个参数返回的是值,useCallBack返回的是函数

  1. useMemo和useCallBack第二个参数都是依赖项

  1. useMemo避免组件非依赖项更新时参数的计算

  1. useCallback避免父组件非依赖项更新时造成子组件的重复渲染

  1. React.memo 使用场景

  1. 纯prue组件(没有内部依赖)

  1. 子组件有回调函数,搭配useCallBack使用

  1. 组件经常被相同props重复渲染

  1. 全局状态管理方案

  1. Context官方提供的一种跨组件访问的一种方案

  1. React.createContext 创建上下文,并接受默认参数,并返回provider和consumer组件

  1. 也可用useContext获取上下文

  1. useReducer与useContext结合

  1. useReducer创建state状态,再使用useContext共享数据

  1. Redux 常用全局状态管理

  1. 创建createStore

  1. App.js 中添加订阅:

<Provider store={reduxStore}>{Childer}
</Provider>
  1. 使用

// useDispatch用于导出dispatch方法const dispatch = useDispatch();
//stateconst counter = useSelector<CounterState, number>((state) => state.counter);
  1. Redux流程

  1. 用户操作或者函数触发dispatch,将数据请求传给store

  1. store直接提交action给reducers,reducer根据action的类型处理数据后,并将处理结果返回store

  1. store将结果返回到组件

  1. setState

  1. setState是异步更新

  1. 在合成事件,通过设置isBatchingUpdates设置为false,先获取state再赋值,体现为中同步更新:addEventListener、setTimeout、setInterval

http://www.lryc.cn/news/4674.html

相关文章:

  • Leetcode-每日一题1234. 替换子串得到平衡字符串(滑动窗口 + 哈希表)
  • linux命令小结-查看日志命令
  • Java知识点细节简易汇总——(8)枚举和注解+Java面向对象高级作业
  • 快速上手JVM- Java Virtual Machine面试不用慌
  • 安警官的IP地址是怎样定位到莽村附近的?
  • STL中重要容器vector总结
  • 11_会话原理与实现流程
  • Java测试——junit的使用(2)
  • 数据库(六): MySQL的主从复制和读写分离
  • 编程思想-0x00架构
  • QCon演讲实录(上):多云环境下应用管理与交付实践
  • async thunk 解决 API 调用的依赖问题
  • java 黑马头条 day3 实名认证分布式事务问题 seata
  • 测试开发之Django实战示例 第七章 创建电商网站
  • 【C++之容器篇】造轮子:list的模拟实现与使用
  • 自动驾驶:决策规划算法岗位面经分享
  • 2.7、进程调度的时机、切换与过程、方式
  • 工程管理系统源码+项目说明+功能描述+前后端分离 + 二次开发
  • ESP32S3系列--SPI从机驱动详解(一)
  • 【实战篇】移动端H5网页在ios滑动不流畅和禁止缩放问题
  • 12 循环神经网络(基础篇) Basic RNN
  • 【C语言必经之路——第11节】初阶指针(2)
  • SpringBoot学习(1)第一个SpringBoot程序
  • 什么是热迁移?90%的企业都理解错误
  • Scratch少儿编程案例-丝滑版贪吃蛇
  • Linux系统之网卡子接口配置方法
  • 2023上半年软考中级系统集成项目管理工程师2月25日开班
  • YOLO-V5轻松上手
  • CSS的优先级理解
  • 前端工程师leetcode算法面试必备-二分搜索算法(中)