首先先创建一个react的项目，在你要创建项目的地方打开cmd命令行输入
create-react-app 项目名字
然后就会出现
然后在项目里打开cmd命令行输入
npm add antd
就会出现这样的情景
然后在项目app.css的页面引入样式
@import '~antd/dist/antd.css';
然后在页面里引入你需要的组件就可以了
然后你的页面上就会出现一个蓝色的按钮
如何在react里引入Ant Design
2023-07-27
191
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
如何在react里引入Ant Design
目录
相关文章
|
6月前
|
资源调度
JavaScript
前端开发
|
10月前
|
前端开发
JavaScript
安全
|
10月前
|
前端开发
|
存储
前端开发
|
前端开发
|
4月前
|
前端开发
JavaScript
开发者
颠覆传统：React框架如何引领前端开发的革命性变革
【10月更文挑战第32天】本文以问答形式探讨了React框架的特性和应用。React是一款由Facebook推出的JavaScript库，以其虚拟DOM机制和组件化设计，成为构建高性能单页面应用的理想选择。文章介绍了如何开始一个React项目、组件化思想的体现、性能优化方法、表单处理及路由实现等内容，帮助开发者更好地理解和使用React。
125
9
9
|
5月前
|
前端开发
深入解析React Hooks：构建高效且可维护的前端应用
本文将带你走进React Hooks的世界，探索这一革新特性如何改变我们构建React组件的方式。通过分析Hooks的核心概念、使用方法和最佳实践，文章旨在帮助你充分利用Hooks来提高开发效率，编写更简洁、更可维护的前端代码。我们将通过实际代码示例，深入了解useState、useEffect等常用Hooks的内部工作原理，并探讨如何自定义Hooks以复用逻辑。
123
1
1
|
5月前
|
前端开发
JavaScript
API
|
4月前
|
监控
前端开发
数据可视化
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目，实现数字孪生
@icraft/player-react 是 iCraft Editor 推出的 React 组件库，旨在简化3D数字孪生场景的前端集成。它支持零配置快速接入、自定义插件、丰富的事件和方法、动画控制及实时数据接入，帮助开发者轻松实现3D场景与React项目的无缝融合。
292
8
8
|
4月前
|
前端开发
JavaScript
开发者
热门文章
最新文章
1
React 音频播放器组件 Audio Player
2
React 视频播放控制组件 Video Controls
3
当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk，打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
4
React 音频播放器组件 Audio Player
5
React 音频上传组件 Audio Upload
6
React音频播放控制组件开发深度解析
7
React 视频弹幕组件 Video Danmaku
8
React 音频预览组件：Audio Preview
9
React音频进度条组件开发全攻略
10
React 视频弹幕组件 Video Danmaku
1
【React】React原理面试题集锦
181
2
发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！
140
3
【React】Hooks面试题集锦
292
4
react保姆级搭建新项目
151
5
使用React、TypeScript和Ant Design构建现代化前端应用
248
6
使用React、Redux和Bootstrap构建社交媒体应用
130
7
深入探究React：前端开发的利器
120
8
【前端】深入了解React JSX语法及实例应用
105
9
利用React Hooks优化前端状态管理
121
10
vue/react项目刷新页面出现404的原因以及解决办法
770