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

Question

所有:

我对AngularJS的React很新.在AngularJS中,存在服务依赖注入,其可以提供服务实例来执行除UI操作之外的数据获取,处理等.我想知道如何在React组件中执行此操作(或实现该注入)？

谢谢

Answer 1

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

例如

module.exports = {
  foo: function(){ return bar; }
}

然后由Components使用引用

import myService from './routetoservice/myService'

Answer 2

迈克尔邓恩答案的延伸

这是实际答案,

• 服务模式不限于任何编程语言或库.

• 我们可以用任何语言实现这个概念,即使我们可以在反应中实现它

• 可以在服务器上创建一个微小的服务,或者在Javascript中的ui浏览器中创建一个服务于某些逻辑目的

• 它为我们带来了代码可用性,代码管理,特定逻辑代码隔离的好处

• 它是一种非常原生的方式,用于代码可用性,代码管理,特定逻辑的代码隔离

• 如果我们比较redux/flux与服务,redux/flux也可以满足这些目的

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

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