React 结合 Rxjs 使用,管理数据

2023-04-22 19:48:13 浏览数 (3)


前言

在使用 React 过程中,我们需要对接口返回的数据进行数据的存储管理。比如用户数据在跨组件中的使用,当然,我们可以使用 localStorage 来管理该用户的信息,这个会在下一篇的文章中介绍,敬请期待~

本文,我们主打使用 Rxjs 来管理数据。

Rxjs 是什么

Rxjs 是一个用于处理异步事件的库,通过使用 observable 序列来编写异步和基于事件的程序,实际应用场景有把请求封装成 observable,通过一些基本的操作符,比如 mapfilter 等,将返回的数据处理并且捕获错误。比如我们之前讲解的 了解 Angular 开发的内容 - 服务 Service 和 Rxjs 中怎么处理和抓取错误。当然,Rxjs 还可以用来管理数据,在组件中传递数据~这是我们本文需要了解的内容。

安装 Rxjs

本文演示的项目,是通过 Create React App 创建,读者可以参考文章 Create React App 创建前端项目。

"react" 版本为 "^18.2.0"

我们通过下面命令行安装依赖

0 人点赞