小猪冒泡

摘要： 最外层组件传入 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') 阅读全文