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

就可以了:

相关推荐
白皎2 分钟前
立志成为一名优秀测试开发工程师(第九天)——使用fiddler工具、request库进行接口测试
前端·python·fiddler
saadiya~10 分钟前
Vue3 + Element Plus 实现树形结构的“单选 + 只选叶子节点 + 默认选中第一个子节点”
前端·javascript·vue.js
方圆工作室16 分钟前
HTML5 Canvas 星空战机游戏开发全解析
前端·html·html5
正函数17 分钟前
HTML5有那些更新
前端·html·html5
zhutoutoutousan24 分钟前
基于React和TypeScript的金融市场模拟器开发与模式分析
前端·人工智能·react.js·金融·typescript·机器人·自动化
s_little_monster41 分钟前
【Linux】网络--传输层--深入理解TCP协议
linux·运维·经验分享·笔记·网络协议·学习·tcp/ip
竹鹿众猿1 小时前
ElementUI表单验证指南
前端·vue.js·elementui
贩卖纯净水.1 小时前
webpack的安装及其后序部分
前端·webpack·node.js
初遇你时动了情1 小时前
ts 泛型
javascript·react.js·typescript
小葡萄20252 小时前
黑马程序员C++核心编程笔记--4 类和对象--封装
java·c++·笔记