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 [email protected]

这样就不会报错了。

随后把样版间抠出来,放到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

就可以了:

相关推荐
小浪努力学前端16 分钟前
React + ECharts:给tooltip里的按钮绑定事件,我踩过的那些坑
前端·react.js·echarts
不像程序员的程序媛27 分钟前
es按时间 小时聚合
java·前端·elasticsearch
bobz96532 分钟前
为什么 不能在浏览器里直接用 Node.js 专用模块?
前端
萌萌哒草头将军42 分钟前
⚡️⚡️⚡️ 开源了!原来 Vite 加载图片还可以这样啊!🚀🚀🚀
javascript·vue.js·react.js
断竿散人43 分钟前
📏CSS尺寸单位终极手册:从px到fr的完全征服指南
前端·css·响应式设计
Rrvive1 小时前
Python学习笔记
前端
Aisanyi1 小时前
【鸿蒙开发】适配深浅色模式
前端·harmonyos
onejason1 小时前
如何利用 PHP 爬虫按关键字搜索 Amazon 商品
前端·后端·php
咚咚咚ddd1 小时前
前端基建:使用plus api实现app通知权限管理
前端·javascript·前端工程化
懒猫爱上鱼1 小时前
Kotlin协程简单介绍
前端