0

Не пойму как это правильно реализовать. Мне нужно локальный файл json с помощью асинхронного запроса (XHR), например fetch распарсить и поместить в store redux-а. Может я что то усложняю. Хочу чтобы легко было изменить локальный json на API url.

За любые советы всем спасибо.

P.S. React и Redux только учу

import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore } from 'redux';

import Clients from './clients.json';

import App from './App';
import registerServiceWorker from './registerServiceWorker';

function clients(state = []) {
    return state
}

const store = createStore(clients); // This is reducers

ReactDOM.render(
    <Provider store={store}>
        <App />
    </Provider>,
    document.getElementById('root'));
registerServiceWorker();
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

2
  • вы хотите, что бы при инициализации приложения данные записывались в стор? или просто что бы была загрузка этих данных. Просто где у вас экшены для изменения редьюсера?
    – ThisMan
    28 сен 2018 в 13:13
  • экшен мне пока не нужен, я не буду изменять данные, а только читать. Я хотел, чтобы данные сразу записывались в стор. Но может я как то неправильно понимаю принцип работы редакса.
    – max
    28 сен 2018 в 14:15

1 ответ 1

0

Если вы используете Create React App, можно поместить JSON-файл в папку public и обращаться к нему по пути '/you-file.json'.

1
  • Подскажите еще, а могу я с помощью fetch получить массив и локального файла?
    – max
    28 сен 2018 в 14:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.