前言
在使用 React
过程中,我们需要对接口返回的数据进行数据的存储管理。比如用户数据在跨组件中的使用,当然,我们可以使用 localStorage
来管理该用户的信息,这个会在下一篇的文章中介绍,敬请期待~
本文,我们主打使用 Rxjs
来管理数据。
Rxjs 是什么
Rxjs
是一个用于处理异步事件的库,通过使用 observable
序列来编写异步和基于事件的程序,实际应用场景有把请求封装成 observable
,通过一些基本的操作符,比如 map
、filter
等,将返回的数据处理并且捕获错误。比如我们之前讲解的 了解 Angular 开发的内容 - 服务 Service 和 Rxjs 中怎么处理和抓取错误。当然,Rxjs
还可以用来管理数据,在组件中传递数据~这是我们本文需要了解的内容。
安装 Rxjs
本文演示的项目,是通过 Create React App
创建,读者可以参考文章 Create React App 创建前端项目。
"react" 版本为 "^18.2.0"
我们通过下面命令行安装依赖