AngularJsコードをReactJにマッピングしますか？

Question

私はreactjsを初めて使っています。私は知りたい$rootScop、$q、$webSocket、などの角度サービスに相当するものがありますか？

.service('a', function ($rootScope, $location, $q, $webSocket) { 
    this.init = function() { 
     b() 
     c() 
    } 

例えば、上記のコードパラメータは、反応で同等か？私は反応の等価な$スコープがthis.stateであることを知っています。

Answer 1

$ rootScopeは - 私たちは、すべてのコンポーネントにアクセスできるようになり、データを保存するためにレデューサーを使っ反応で>それは、角度のグローバルスコープのオブジェクトである

$ q-の>を我々は反応の$ Qと同じq個のライブラリを持っています

$場所 - ここ>私たちは、クラス/コンポーネントのインスタンス内で推移/歴史を持っている

$ webScocket->トン は、複数のモジュールhttps://blog.pusher.com/making-reactjs-realtime-with-websockets/

Answer 2

ある内のサービスのようなものはありません反応する

ここでは選択肢です。

1. $ rootscope - >状態にすると、コンポーネント間で共有することができます。 （あなたの哲学が真のデータソースの一つである状態管理のためにreduxを使うことができます）。
2. $ q - > Es6 Promise
3. $ websocket - > html5 websocket。

サービスに類似しているものは、必要なすべてのサービスをパラメータとして受け取り、エクスポートすることでどこからでも呼び出すことができるクラスまたは関数を記述できることです。

反応のために使用できる類似の実装です。 ES6約束：service.jsで

component.js

で

const myService = (...otherServices) => { 
    doStuff1(); 
    doStuff2(); 
    return { 
     ...items 
    } 
} 
export default myService; 

は、あなたはそれが

import myService from './service'; 
import React from 'react'; 
class testComponent extends React.Component { 
    constructor(props){ 
     super(props); 
     this.data = myService().getData(); //just an example. 
    } 
    render(){ 
     return (
      <div>{this.data}</div> 
     ); 
    } 
}