React-Query介绍以及简单使用

2024-05-14

1. React-Query介绍以及简单使用

 React Query 因其极大地简化了 React 应用程序中的数据获取而受到许多人的喜爱。但是它并不是数据获取库,它应该叫 异步状态管理器 ,它可以管理任何形式的异步状态——只要它得到一个 Promise。
   从本质上讲,React Query 基于查询键值为您管理查询缓存。 只要键值是可序列化的,并且对查询的数据来说。它是唯一的,就可以使用它。虽然支持用字符串,但还是建议使用数组形式,因为内部最终还是会转化成数组。
   React Query 很聪明,它会选择策略点来触发重新获取数据。
   数据转换也是前端经常遇到的问题,因为API返回的数据可能不是我们刚好能用的,react-query也提供了转换器,并且也只在有数据的时候才会被调用。
   因为每次渲染都会执行,如果转换数据的方法开销比较大,建议使用useCallback将select函数缓存起来。
   初始化数据,也就是数据没有缓存时直接展示的内容,当缓存中有该数据时,则不会生效。
    NextJS在React-Query的使用 

React-Query介绍以及简单使用