antd 如何在 是src目录下 引入 Public 目录下的文件
首先 需要用到这两个Hook函数及一个https请求库 咱们先来了解一下
useMemo import React, { useMemo } from 'react';
useMemo和useCallback两者区别:
useMemo 计算结果是 return 回来的值, 主要用于 缓存计算结果的值 ,应用场景如: 需要 计算的状态
useCallback 计算结果是 函数, 主要用于 缓存函数,应用场景如: 需要缓存的函数,因为函数式组件每次任何一个 state 的变化 整个组件 都会被重新刷新,一些函数是没有必要被重新刷新的,此时就应该缓存起来,提高性能,和减少资源浪费。我们这里使用 useMemo
usePromise
import { usePromise } from "react-hook-utils"; //这个react-hook-utils 需要自行 yarn add react-hook-utils
- 返回一个
Promise。我们将usePromise与useMemo结合如下
axios (自行百度api及用法) yarn add axios
具体获取写法如下
代码语言:javascript复制 const [doc] = usePromise(useMemo(() => axios.get('PcdConstants.json'), []));其中 PcdConstants.json 是 public 目录下的文件,[]里面是渲染源,不填写默认表示只渲染一次


