均无贫

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

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

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

React-Router V7 React-router 是 React的路由库，如果你学过Vue，跟Vue的Router很相似。它的作用就是，根据不同的URL，匹配不同的...

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

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

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

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

useTransition useTransition 是 React 18 中引入的一个 Hook，用于管理 UI 中的过渡状态，特别是在处理长时间运行的状态更新时。它允...

useRef 当你在React中需要处理DOM元素或需要在组件渲染之间保持持久性数据时，便可以使用useRef。 通过Ref操作DOM元素 参数 initialValue：...

useLayoutEffect useLayoutEffect 是 React 中的一个 Hook，用于在浏览器重新绘制屏幕之前触发。与 useEffect 类似。 用法 ...

useEffect useEffect 是 React 中用于处理副作用的钩子。并且useEffect 还在这里充当生命周期函数，在之前你可能会在类组件中使用 compon...

useSyncExternalStore useSyncExternalStore 是 React 18 引入的一个 Hook，用于从外部存储（例如状态管理库、浏览器 AP...

安装： 地址：https://www.npmjs.com/package/use-immer useImmer代码例子： useImmerReducer 代码例子...

useReducer useReducer是React提供的一个高级Hook,没有它我们也可以正常开发，但是useReducer可以使我们的代码具有更好的可读性，可维护性。...

useState 是一个 React Hook，允许函数组件在内部管理状态。 组件通常需要根据交互更改屏幕上显示的内容，例如点击某个按钮更改值，或者输入文本框中的内容，这些...