摘要:
最外层组件传入 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 阅读全文
摘要:
1、要想在项目中使用json格式数据, import Robot from "./components/Robot"; 需要在tsconfig文件中打开这两个配置: "moduleResolution": "node", "resolveJsonModule": true, 2 函数式组件 Reac 阅读全文
摘要:
避免重复addEventListener的核心就是在添加前通过removeEventListener将已经添加的处理函数进行移除。如下代码为id=btn的元素添加click事件的处理函数clickHandler: const $btn = document.getElementById('btn') 阅读全文