我们都知道react是不向前兼容的,就是说,如果你现在使用的版本大于你的modules中所依赖的版本,那么是会报错的。那如果有的时候我们又就想使用这个插件,但又与我们的react项目版本不兼容怎么办呢?下面通过一个我写代码遇到的一个具体的例子来为实现解决方法。
我在用react写后台管理系统的时候,我用的react版本是16.4,然后我需要实现一个图片上传功能,于是乎,我到github上找了一个上传组件,安装完之后,按照引导使用之后项目中报了错,然后接下来的查找原因,解决问题。
于是,我猜想,可能是版本不兼容,我到项目里找到node_modules下,找到安装的react-fileupload
发现,真的是15.2
我们可以找到src文件下的FileUpload.js,打开他。这里面是实现,我就想把这个实现放到我们的项目中,然后自己做一下兼容。
回到项目中创建的file-uploader,底下新建一个同名字的jsx,也叫FileUpload.jsx,然后将复制的粘贴进去。然后我们再进行修改调整。
下面我们进行调整,首先,我们把他上面的一些require的方式改掉。
之后我们就可以快乐的使用这个插件了。