React笔记-使用Ant Design X样板间

目标

也就将这个页面独立出来。(本人没有系统性学习过React,经验都在做后端的,对应前端,能跑起来,能用起来就可以了)

过程

通过此文档,搭建好基本环境。

在 create-react-app 中使用 - Ant Design X

这里有一点要注意

bash 复制代码
yarn create react-app antdx-demo --template typescript

跑这个后TypeScript版本很低,需要提升到5.0.0以上

bash 复制代码
yarn add TypeScript@5.0.0

这样就不会报错了。

随后把样版间抠出来,放到App.tsx

https://github.com/ant-design/x/blob/main/docs/playground/independent.tsx

再把各个组建加载下:

bash 复制代码
yarn add antd
yarn add antd-style
yarn add react

就可以了:

相关推荐
花落文心11 分钟前
使用 html2canvas + jspdf 实现页面元素下载为pdf文件
前端·javascript·pdf
掘金安东尼16 分钟前
🚀 6 行 HTML,让应用瞬间“起飞”:Speculation Rules API 全解析
前端·api·浏览器
望获linux1 小时前
【Linux基础知识系列】第一百一十篇 - 使用Nmap进行网络安全扫描
java·linux·开发语言·前端·数据库·信息可视化·php
乘乘凉1 小时前
Python中函数的闭包和装饰器
前端·数据库·python
Fantastic_sj2 小时前
部分CSS笔试题讲解
前端·css
雷达学弱狗4 小时前
链式法则解释上游梯度应用
开发语言·前端·javascript
l5657585 小时前
第四十三天(JavaEE应用&ORM框架&SQL预编译&JDBC&MyBatis&Hibernate&Maven)
笔记
仙俊红5 小时前
Spring Boot `@Configuration` 与 `@Component` 笔记
java·spring boot·笔记
爱隐身的官人6 小时前
爬虫基础学习-爬取网页项目(二)
前端·爬虫·python·学习
Jackson@ML6 小时前
使用字节旗下的TREA IDE快速开发Web应用程序
前端·ide·trea