女王控的博客

全部

165 篇文章

React之createContext入门学习

初识 context 在典型的 React 应用中, 数据 是通过 props 属性显式的由父及子进行 传递 的,但这种方式,对于复杂情况(例如,跨多级传递,多个组件共享)来说,是极其繁琐的。 第一种解决方式是: 组件的封装与组合,将组件自身传递下去 在项目中,我们在父层获取数据,不同层级的子组件访问时,我们可以使用 将子组件的公共组件封装,将公共组件传递下去 。例如 这种对组件的 控制反转 减少了在应用中要传递的 props… »

React之createRef入门学习

引言 本篇从 React Refs 的使用场景、使用方式、注意事项,到 与 Hook 的对比使用,最后以 React 源码结束,剖析整个 React Refs,关于 会在下一篇文章深入探讨。 Refs React 的 核心思想 是每次对于界面 state 的改动,都会重新渲染整个Virtual DOM,然后新老的两个 Virtual DOM 树进行 diff( 协调算法 ),对比出变化的地方,然后通过 render 渲染到实际的UI界面, 使用 Refs… »

React之forwardRef入门学习

forwardRef 在 中已经介绍过,有三种方式可以使用 React 元素的 ref ref 是为了获取某个节点的实例,但是 函数式组件(PureComponent) 是没有实例的,不存在 this的,这种时候是拿不到函数式组件的 ref 的。 为了解决这个问题,由此引入 , 允许某些组件接收 ref,并将其向下传递给 子组件 只在使用 定义组件时, 第二个参数 ref… »

React之Component入门学习

组件 纯组件 ,和 类似,都是定义一个组件类。不同是 没有实现 ,而 通过 和 的 浅比较 实现了。 在下一节中将会详细介绍。 函数组件 定义React组件的 最简单 方式就是定义一个函数组件,它接受单一的 props 并返回一个React元素。 在 函数组件 中,它的输入输出全部由 props 决定,且不会产生任何副作用,这说明 函数组件 也是 无状态组件 。 在函数组件中,无法修改 props,无法使用 state… »

0%