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

2020-07-27 16:37:08 浏览数 (1)

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

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

useMemo  import React, { useMemo } from 'react';
  • useMemouseCallback两者区别:

useMemo 计算结果是 return 回来的值, 主要用于 缓存计算结果的值 ,应用场景如: 需要 计算的状态

useCallback 计算结果是 函数, 主要用于 缓存函数,应用场景如: 需要缓存的函数,因为函数式组件每次任何一个 state 的变化 整个组件 都会被重新刷新,一些函数是没有必要被重新刷新的,此时就应该缓存起来,提高性能,和减少资源浪费。我们这里使用 useMemo

usePromise

import { usePromise } from "react-hook-utils"; //这个react-hook-utils 需要自行 yarn add react-hook-utils

  • 返回一个Promise。我们将usePromiseuseMemo结合如下
axios (自行百度api及用法) yarn add axios

具体获取写法如下

代码语言:javascript复制
    const [doc] = usePromise(useMemo(() => axios.get('PcdConstants.json'), []));

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

0 人点赞