antd 如何在 src目录下 引入 Public 目录下的文件

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

具体获取写法如下

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

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