02 2021 档案
摘要：示例： const Exposure = (props: IExposure) => { const [hasAsyncData, SetHasAsyncData] = useState(false); useEffect(() => { if (props.asyncData) { SetHasA
阅读全文
摘要：最外层组件传入 mobx 中的 stores： import { stores } from "@/stores"; import { Provider } from "mobx-react"; ReactDOM.render( <Provider {...stores}> <App /> </Pr
阅读全文
摘要：转载【原文地址找不到了】 最近我用 create-react-app 搭建 react typescript 项目，安装了最新版本 mobx 和 mobx-react，再写一个 store 例子时发现组件依赖的 store 数值有变化但组件没有重新渲染，下面我们来看是什么原因导致的。 我们先照平时方
阅读全文
摘要：1、observable 1.1 引用类型 observable 可以观察所有类型的数据，其中对于 object、array、map 等类型，经过 observable 之后，生成全新的 Observable 类型数据， 但是仍然保留了相应获取数据的方法，比如 imoprt { observable
阅读全文
摘要：useLayoutEffect 其函数签名与 useEffect 相同，但它会在所有的 DOM 变更之后同步调用 effect。可以使用它来读取 DOM 布局并同步触发重渲染。在浏览器执行绘制之前，useLayoutEffect 内部的更新计划将被同步刷新。 尽可能使用标准的 useEffect 以
阅读全文
摘要：useLayoutEffect 其函数签名与 useEffect 相同，但它会在所有的 DOM 变更之后同步调用 effect。可以使用它来读取 DOM 布局并同步触发重渲染。在浏览器执行绘制之前，useLayoutEffect 内部的更新计划将被同步刷新。 尽可能使用标准的 useEffect 以
阅读全文
摘要：转载于：https://segmentfault.com/a/1190000018697490 把“创建”函数和依赖项数组作为参数传入 useMemo，它仅会在某个依赖项改变时才重新计算 memoized 值。这种优化有助于避免在每次渲染时都进行高开销的计算。 下面我们通过一个实例，来理解下 use
阅读全文
摘要：react 中想要使用多个 className 时，就会用到 classnames 这个库 安装 install i classnames --save 或这yarn add classnames --save vs code styles 提示工具 可以安装 css modules clinyon
阅读全文
摘要：使用 componentDidUpdate 生命周期进行监听 props 的变化 方案一 比如我有一种场景 A 组件的 state 初始值是 props 传入的值： this.state = { counter: this.props.initNum, }; 然后在组件内部可以改变 this.sta
阅读全文
