React项目如何使用Element的方法步骤

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React项目如何使用Element的方法步骤脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

初次在react项目中使用element框架,碰到了一些很简单的问题,但是卡了很久才解决,写篇博客记录一下。

1、安装:

在项目目录下下载:

npm i element-react --save
npm install element-theme-default --save

在这里插入图片描述

注:element官网快速上手中有提到

2、全局引用

在项目跟录下的index.js中全局引入

在这里插入图片描述

3、在项目中引用你需要的element组件

可能会报错

在这里插入图片描述

解决方式:在项目中下载依赖npm install react-hot-loader@next --save即可

4、引入组件可能还会报错

例如如下我引入的是走马灯

在这里插入图片描述

如上报错,解决方式,引入Carousel即可

在这里插入图片描述

如果引用其他组件也报错,解决方式如上

到此这篇关于React项目如何使用Element的方法步骤的文章就介绍到这了,更多相关React项目使用Element内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本宝典!

您可能感兴趣的文章:

脚本宝典总结

以上是脚本宝典为你收集整理的React项目如何使用Element的方法步骤全部内容,希望文章能够帮你解决React项目如何使用Element的方法步骤所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:React