Rika

useMemo 用来缓存数据以避免不必要的性能开销 接收两个参数,一个函数还有一个依赖数组 dependencies包含useMemo所依赖的变量的值,数组的任何值发生变化时,函数才会被重新执行 ca

useLayoutEffect 用法跟useEffect是一样的 好像只有执行时机的区别 官方这么说 也许是因为useLayoutEffect是同步的 useEffect执行时机是在React的渲染和

useEffect 这啥 用来执行副作用的 跟vue的watch差不多吧 useEffect(setup, dependencies?) setup函数 执行副作用的函数,可以返回一个cleanup函

useRef 主要用途 读取DOM元素 保存状态但不触发更新 保存上一次的props或者state 读取DOM 像这样用 不触发更新 像这样用 保存上一次的状态 像这样 就是相当于给个变量存状态

useContext 好像就是用来跨组件传数据,类似Vue的Provide,Inject吧 使用 创建Context defaultValue是当组件不存在任何ContextProvider时的初始值

useReducer 这是个啥？ 个人感觉就是把useState中的对数据的操作方法抽象出来集中管理,应该也许大概是吧 用法 先写一个reducer函数 在这个函数中 state是传进来的状态,act

useState 响应式状态 基本使用 在react中定义响应式状态的方式 先创一个用来测试的demo 就跟vue的ref用来定义状态差不多 但是react的不能直接修改原值而是使用setState

方案 在Vue中不用担心什么css冲突的问题,但是在React中好像一直都没有什么标准化的解决方案 了解了一下目前主流的方案有 CSS Module CSS in JS 原子化CSS 其中CSS in

传送组件 现在拿react实现一份 具体的api好像是createPortal 让我用一下试一下 父组件:点击展示Dialog 子组件:对话框 验证过该组件确实被传送到body下了