luemeon的博客

此Hook利用了的resize事件，处理移动设备上因等导致视口变化API 提供了有关视觉视口（visual viewport）的信息，即用户实际看到的部分，这部分可能会因为UI元素（如地址栏和键盘）的显隐而改变。

method?: string;})});

如果不支持或者用户没有授权访问剪贴板，代码会回退到使用一个不可见的。API 来复制文本。元素来实现复制功能。

【代码】应用场景中的localstorage。

工具函数Util。

CustomEvent构造函数。

4、将子组件中想要传递给父组件的数据，作为参数传递给这个函数。3、子组件通过props获取到父组件传递过来的西数，并旦地。，这样就可以在逻辑中通过this.context。也可以定义一个静态方法。2、将函数作为属性的。属性进行向下传递的，那么接收的语法是通过。

​

它应该是一个没有任何参数的纯函数，并且可以返回任意类型。并返回最新结果，然后缓存该结果以便下次重复使用。没有发生变化，React 将直接返回相同值。缓存返回值的方式也叫做。在之后的渲染中，如果。

目录React18特点声明式编码单向数据流组件化虚拟DOM（Virtual Dom）（同Vue）Diff算法（同Vue）组件属性propsstaterefs总结受控组件和非受控组件事件event事件处理的几种方法事件中this的处理事件传参处理鼠标事件 mouseenter与mouseover区别跨组件通信生命周期状态提升复用组件Render Props模式HOC高阶组件模式HooksuseState

主要就是命名不同。

路由：根据展示不同的内容，SPA（单页应用）的。

的属性，值是当 state 发生变化时会触发 React 组件重新渲染视图即props 同步更新，state 异步更新的，最好不要用prevState值去计算下一个 state 的值加入队列，只影响从渲染开始返回的。

随着 React 的发展，许多具有状态的传统 class 组件已被弃用，render props 和高阶组件模式被 hooks 所取代。函数组件本身轻量简单，且在 Hooks 的基础上提供了比原先更细粒度的逻辑组织与复用，更能使用 React 的未来发展。在已经熟悉 React Hooks 并希望从旧项目升级到新的 API 时，函数式组件也很有用。类组件在未来事件切片与并发模式中，由于生命周期带来的复杂度，并不易于优化。，这也就意味着他刷新一次里面的数据就没了，概念类似于一帧一帧，并且。