React项目使用Element React项目怎样使用Element的方法步骤

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

React项目使用Element React项目怎样使用Element的方法步骤

果冻~   2021-11-12 我要评论
想了解React项目怎样使用Element的方法步骤的相关内容吗,果冻~在本文为您仔细讲解React项目使用Element的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:React使用Element,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即可

在这里插入图片描述

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们