О Реакт Редукс

Я хочу получить данные из службы сокетов, чем я хочу сохранить их с помощью избыточности.

Никаких изменений в компонентах, просто получайте данные и записывайте их в режиме реального времени.

Но я не могу этого сделать, как я могу это сделать? пожалуйста, помогите мне.

Index.js

    // React 
    import React from 'react';
    import ReactDOM from 'react-dom';
    import * as serviceWorker from './serviceWorker';
    // Redux *********************************
    import { Provider } from 'react-redux';
    import { store } from './Redux/store';

Редукс Store.js

    import { createStore } from 'redux';
    import { rootReducer } from './rootReducer';

    export const store = createStore(
    rootReducer
    );

rootDeducer.js

    import { combineReducers } from 'redux';
    import { someReducer } from './reducers/someReducer';

    const allReducers = {
      someReducer
    };

    export const rootReducer = combineReducers(allReducers);

некоторыйReducer.js

     const initialState = {
     someValue: 12
     };

     export const someReducer= function(state = initialState, action) {
     switch (action.type) {
        case 'CHANGE':
         const someVlue= Object.assign({}, state, { someValue: 
         action.payload.someVlue});
         return someValue;

       default:
         return state;
      }
     };

Можете ли вы уточнить, что именно не так с текущим кодом (сообщение об ошибке, не работает должным образом и т. д.)?

Sergei 02.03.2019 20:35

@SergeiPetunin На самом деле в коде нет ничего плохого. но он не может определить мою потребность. Например, в моем домашнем компоненте я могу показать какое-то значение. и как сохранить непрерывные данные веб-сокета.

Berkay Karatas 02.03.2019 20:40

Я ничего не могу сказать о хранении данных веб-сокетов в вашем приложении, поскольку в вашем коде нет ничего, связанного с веб-сокетами, это в основном просто шаблон. Если у вас в настоящее время ничего нет и вам просто нужно запустить свое приложение React/WebSocket, я уверен, что в Интернете есть множество руководств.

Sergei 02.03.2019 21:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
3
34
1

Ответы 1

Вы можете отправлять действия при каждом обновлении из веб-сокета, например.

// assuming this function executes on websocket update
update =(data) => { 
  store.dispatch(someAction(data))
}
// or if you are mapping action using redux connect HOC.
update = (data) => {
  this.props.someAction(data);
}

Другие вопросы по теме