欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-13 08:34:25
初次在react项目中使用element框架,碰到了一些很简单的问题,但是卡了很久才解决,写篇博客记录一下。1、安装:在项目目录下下载:npm i element-react --savenpm in...

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

1、安装:

在项目目录下下载:

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

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

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

2、全局引用

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

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

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

可能会报错

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

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

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

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

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

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

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

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

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

相关标签: React Element