Картирование AngularJs кодов ReactJs?

Question

Я новичок в реакции. Я хочу знать Существует ли эквивалент для угловых услуг, таких как $rootScop, $q, $webSocket, ... в реакцииJs?

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

Например, параметры кода выше того, что эквивалентно в реакции? Я знаю, что эквивалентный $ scope в реакции - this.state.

Answer 1

$ rootScope -> это глобальный объект сферы в угловатом, в реакции мы используем восстановители для хранения данных, которые будут доступны для всех компонентов

$ q-> мы имеем Q библиотеки же, как $ д в реакции

$ расположение -> у нас есть переходные/история внутри экземпляра класса/компонентов

$ webScocket-> т здесь являются несколько модулей https://blog.pusher.com/making-reactjs-realtime-with-websockets/

Answer 2

Там нет такого понятия, как услуги в реакция

вот альтернативы.

1. $ rootscope -> state, вы можете поделиться им через компоненты. (Вы можете использовать сокращение для управления состоянием, философия которого является одним из истинных источников данных).
2. $ q -> Es6 Promise
3. $ websocket -> html5 websocket.

Что-то похожее на обслуживание - вы можете написать класс или функцию, которая принимает все необходимые сервисы в качестве параметров, и вы можете называть ее любой, экспортируя ее.

некоторые подобные реализации вы можете использовать для реагирования.

В service.js

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

В component.js

вы можете импортировать его

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> 
     ); 
    } 
}