2022年11月

  1. 很多时候,input只关心最后状态,不需要用useState
    请输入图片描述
  2. 有时候并不需要用useEffect去改变值
    请输入图片描述
  3. useMemo防止object在重新渲染时再内部值不变时被更换内存地址,变成新“值”
    请输入图片描述
  4. 适时终止过时的api请求
    请输入图片描述

  1. Add custom.d.ts to ./scr

    declare module '*.svg' {
      import React = require('react')
      export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>
      const src: string
      export default src
    }
  2. Import svg on your page

    import { ReactComponent as IconLogo } from '../assets/images/logo.svg'
  3. Usage

    <IconLogo height='10' />