均无贫

安装 创建一个store文件夹在文件下下面创建对应的业务模块比如全局管理price.ts 在组件中使用 immer在Zustand中的使用方法 引入注意是从zustand/middleware/imm

路由操作 路由的操作是由两个部分组成的: loader action 在平时工作中大部分都是在做增刪查改(CRUD)的操作，所以一个界面的接口过多之后就会使逻辑臃肿复杂，难以维护，所以需要使用路由的高

路由传参 参数传递 React-router 一共有三种方式进行参数传递，参数传递指的是在路由跳转时，将参数传递给目标路由。 Query方式 Query的方式就是使用 ? 来传递参数，例如： 跳转方式

React-Router V7 React-router 是 React的路由库，如果你学过Vue，跟Vue的Router很相似。它的作用就是，根据不同的URL，匹配不同的组件，然后进行渲染。这样就可

为什么需要自定义hooks? 因为在实际开发中，React的内置hooks并不能满足我们所有的需求，比如一些复杂的业务逻辑，或者是一些使用场景，需要我们自己来使用自定义hooks实现。 自定义hook

useCallback useCallback 用于优化性能，返回一个记忆化的回调函数，可以减少不必要的重新渲染，也就是说它是用于缓存组件内的函数，避免函数的重复创建。 为什么需要useCallbac

useMemo useMemo 是 React 提供的一个性能优化 Hook。它的主要功能是避免在每次渲染时执行复杂的计算和对象重建。通过记忆上一次的计算结果，仅当依赖项变化时才会重新计算，提高了性能

useContext useContext 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。设计的目的就是解决组件树间数据传递的问题。 用法 参数 入参 context

useTransition useTransition 是 React 18 中引入的一个 Hook，用于管理 UI 中的过渡状态，特别是在处理长时间运行的状态更新时。它允许你将某些更新标记为“过渡”