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

就可以了:

相关推荐
荒诞英雄20 分钟前
菠萝滞销,帮帮我们(多个APP实例间pinia混乱)
前端·架构
llq_35026 分钟前
pnpm / Yarn / npm 覆盖依赖用法对比
前端
麦当_29 分钟前
ReAct 模式在 Neovate 中的应用
前端·javascript·架构
折七30 分钟前
告别传统开发痛点:AI 驱动的现代化企业级模板 Clhoria
前端·后端·node.js
程序00730 分钟前
纯html实现商品首页
前端
coderlin_30 分钟前
BI磁吸布局 (2) 基于react-grid-layout扩展的布局方式
前端·react.js·前端框架
Ankkaya33 分钟前
vue3 实现自定义模板表单打印
前端
itslife33 分钟前
vite源码 - 开始
前端·javascript
Achieve - 前端实验室34 分钟前
【每日一面】React Hooks闭包陷阱
前端·javascript·react.js
张愚歌35 分钟前
Leaflet行政区划边界开发全攻略
前端