axios получает запрос на локальный редукс данных

Question

У меня есть файл данных с объектом javascript, который я хотел бы сохранить в избыточном состоянии, у меня есть функция запроса axios, которая работает с API, но я хочу иметь возможность получать локальный файл из моего приложения.На данный момент он не отображает данные в избыточном

Как я могу импортировать это в избыточное или есть лучший способ использовать локальный объект данных в избыточном?

действия.js

import axios from 'axios'
import {
  FETCH_DATA
} from '../../Constants'

export function fetchData() {
  return dispatch =>
    axios
      .get('../../Data/data.js')
      .then((response) => {
        dispatch({ type: FETCH_DATA, payload: response.data });
      })
      .catch((err) => {
        console.error(err);
      });
}

data.js

[  {
    id: 1,
    cat: ' food and drink',
    slug: 'food-and-drink',
    }, 
    {
    id: 2,
    cat: ' food and drink',
    slug: 'food-and-drink',
    }
[

Answer 1

import data from './response.json'

export function fetchData() {
  return function (dispatch) {
    dispatch({
      type: action.actionName
      payload: data
    });

  }
}

Answer 2

Вам не нужно извлекать его асинхронно. импортировать данные из локального файла и использовать их в ваших компонентах

import data from '../../Data/data.js'

render() {
return (
  {data}
)
}