1. 资源
(1) 源组件: React-FileUpload
(2) 兼容后的组件:
链接:https://pan.baidu.com/s/1CioevvXr7aqYlr3zpP8GuQ
提取码:1wbf
(3) 项目: React电商后台管理系统
2. 描述
最近在写项目的时候, 用到了文件上传组件, 于是就去github上面找了一个, React-FileUpload
但是使用的时候报错, 错误信息是使用了多个版本的react, 查找原因的时候发现, 这个组件是依赖React@15.x.x, 但是我用的是16的版本, 如果想要使用需要自己去做兼容, 因为react不会向前兼容
3. 如何封装
找到他的源文件,FileUpload.js复制里面全部代码,自己创建一个文件,例如file-upload.jsx,把代码复制进去, 然后做修改
修改完毕后进行再封装, 再创建一个文件,例如: index.jsx
import React from 'react';
import FileUpload from './react-fileupload.jsx';
// 通用文件上传组