react-antd中使用Upload实现图片裁剪-上传-预览的功能

前言

使用react中antd实现图片的上传裁剪和预览，记录一下实现过程，希望能对大家有帮助

实现

我们这里用到的是antd框架，实现
图片上传的功能我们需要安装一个插件antd-img-crop

yarn add antd-img-crop

然后就可以进行使用：

import React, {
    memo, useState } from 'react'
import {
    Upload } from 'antd'
import ImgCrop from ' 
'

export default memo(function Index() {
   
  const [fileList, setFileList] = useState([
    {
   
      uid: