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

就可以了:

相关推荐
小码哥_常3 小时前
一套自己部署的 IM,客户端是同一份 Flutter
前端·后端
蜗牛攻城狮5 小时前
微前端四大方案选型对比与最佳实践:qiankun、micro-app、wujie、Module Federation
前端·微前端·qiankun·前端架构·micro-app·wujie
sbjdhjd6 小时前
网工进阶笔记:H3CSE 园区网全栈技术与协议汇总
网络·笔记·云计算·ssh·网络工程·vlan·aaa
她说可以呀6 小时前
Vue插槽
前端·javascript·vue.js
qq_448011166 小时前
Vue + Jinja2两套模版与法冲突造成undefinedError
前端·javascript·vue.js
aixingpan7 小时前
aixingpan.cn API开发文档:前端查询夏令时和时区接口指南
前端·php
2601_958352907 小时前
23.5×19mm 换掉一整条音频链?|A-68 集成了什么:ADC / DAC / 24.576MHz 时钟 / AEC / 波束降噪,主控仅需 6 根线
前端·音视频·ai降噪·回声消除·语音模块
志尊宝8 小时前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
FRing039 小时前
JavaScript入门到精通三十二(深拷贝、浅拷贝、递归函数)
开发语言·前端·javascript
海绵宝宝的月光宝盒9 小时前
14-AutoCAD-阵列命令应用与案例实战(AR)
经验分享·笔记·自动化·课程设计·制造·学习方法·cad