GIthub https://github.com/tannerlinsley/react-query
https://www.npmjs.com/package/react-query
https://react-query.tanstack.com/examples/simple

  1. yarn add react-query

image.png
react-query 将所有的服务端状态维护在全局，配合缓存策略来执行数据的存储和更新
服务端状态获取、缓存、同步和更新
开箱即用的状态获取，分页获取，无限获取，及滚动恢复等功能
react-query + useContext

https://developer.51cto.com/art/202102/646085.htm
https://blog.csdn.net/qq_21567385/article/details/114171438
https://zhuanlan.zhihu.com/p/261146977

组件状态管理

  • 状态提升
  • react-query
  • url参数
  • redux
  • context