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

就可以了:

相关推荐
不好听6134 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus4 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
克里斯蒂亚诺更新5 小时前
ruoyi角色权限的对应关系
笔记
前端小李子5 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech5 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
小林ixn5 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧7 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
a1117768 小时前
2FA 验证码生成器(github登录验证 app)
笔记·学习
qetfw8 小时前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具