qq_47040462的博客

技术栈：react-router-dom、react18、antd、vite-plugin-mock。

该组件主要是anted的组件中自带的loading属性，并非提供的loading加载方式，注意跟其他组件库的区别。注意跟antd组件的Spin组件的区别。

基于react+ts封装的公用全屏组件。

在react封装svg组件

路由的基本使用

使用npm create vite@latest构建项目，配置项选项react->ts+SWC即可。让后打开项目npm i。

以上是关于如何设置和使用 Redux Toolkit 与 React 的简要概述。回顾一下细节：概括使用以下方法创建 Redux 存储configureStore -- 创建公共存储接受reducer函数作为命名参数自动使用良好的默认设置来设置商店为 React 应用程序组件提供 Redux 存储 -- 挂载store存储，存储传递到Provider将 React-Redux组件放在你的将 Redux 存储传递为。

以下例子是根据vite+react+ts构建的，使用路由前先安装好这些环境！！！！

【代码】react组件通信方式。

React 有一些内置 Hook，例如useStateuseContext和useEffect。有时需要用途更特殊的 Hook：例如获取数据，记录用户是否在线或者连接聊天室。为了实现效果，可以根据应用需求创建自己的 Hook。这个示例中，自定义 Hook追踪当前指针位置，而自定义 Hook返回一个“滞后”传递的值一定毫秒数的值。

在vite脚手架中执行：注意：1、这里没有this，因为babel编译后开启了模式2、渲染的组件必须要大写开头（虚拟dom转为真实的dom）