如何在React中实现类服务组件（AngularJS中的概念）

全部：

我对AngularJS的反应很陌生。在AngularJS中，有一个服务依赖注入，它可以提供一个服务实例来进行数据获取、处理等，而不是UI操作。我想知道如何在React组件中执行此操作（或实现该注入）

---

感谢

在reactjs中，我们使用通量模式来提供数据处理。这里有一个回流的例子

React在哲学上似乎与角度意义上的服务相反，显然更喜欢UI和逻辑的紧密耦合

但我发现了一个模块，它似乎提供了您想要的：

•引入一个服务层，负责通过应用程序传播更改，从而分离组件和应用程序状态

•以明确、可测试的方式管理组件依赖关系

•没有事件，也没有生命周期管理-一切都是为您自动完成的

•它小巧易懂——核心代码不到100行

---

我更喜欢在另一个文件中创建一个服务，通过module.exports公开“public”函数

e、 g

然后由组件使用

import myService from './routetoservice/myService'

答案的延伸

这才是真正的答案,

• 服务模式不限于任何编程语言或 图书馆

• 我们可以用任何语言实现这个概念，即使我们可以 在react中实现这一点

• 可以在服务器上或在用户界面浏览器中使用Javascript创建一个小型服务，以满足某些逻辑目的

• 它为我们提供了代码可用性、代码管理、特定逻辑的代码隔离等好处

• 对于特定逻辑的代码可用性、代码管理和代码隔离，这是一种非常自然的方式

• 如果我们将redux/flux与服务进行比较，redux/flux也可以达到这些目的

• 目前我正在使用redux及其操作，并在需要时在ui上创建了我的微型服务

• 不需要使用其他NPM模块来创建服务，只要解决方案就足够了

---

这里有一篇文章展示了如何使用React-Context和rxjs来实现这一点，谢谢你提供的信息。但我想知道是否有一个简单的方法来使用通量？一旦基本的回流设置，它比angularjs简单得多。它看起来很复杂，因为你不习惯它。看一看。只要稍微玩一下，它就会有意义。你如何观察这类服务中的变化？@untitled我猜它使用了Redux或flux模式。在某个时候，你将不得不处理单例对象（如果只从第三方libs）。这个建议的模式并没有说明你将如何以及何时实例化单例，它们是如何管理的，以及它们是如何被消费的。这就是react services为您所做的。您如何从组件中获得foo函数的值？

import myService from './routetoservice/myService'