antd如何引入public（公共目录）下的文件

首先 需要用到这两个Hook函数及一个http请求库 咱们先来了解一下

useMemo 和 useCallback

他们都是存在于 react 里面的

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
yarn add axios

• 返回一个Promise。我们将usePromise与useMemo结合如下

const [doc] = usePromise(useMemo(() => axios.get('PcdConstants.json'), []));

其中 PcdConstants.json 是 public 目录下的文件，[]里面是渲染源，不填写默认表示只渲染一次