Блог

У меня есть список упражнений в файле json, который я хочу передать в свой магазин redux. Поэтому мое приложение загружается с этими данными, которые уже есть в нем.

Мой вопрос в том, как мне загрузить этот файл json в свой exercise reducer , чтобы приложение загружалось вместе с ним?

Я немного запутался в том, как загрузить файл json, чтобы зайти в мой магазин.

exercise reducer файл:

 const defaultState = {
    loading: false,
};

function createExercise(action) {
    return {
        id: action.payload.id,
        name: action.payload.name,
        sets: action.payload.sets,
        reps: action.payload.reps,
        rests: action.payload.rests,
        tags: action.payload.tags,
        description: action.payload.description,
    }
}
 

часть моего exercise json досье:

  "exercises": [
    {
      "id": 1,
      "Name": "AA Cable Leaning Side Raise",
      "equip": 1,
      "Description": "",
      "Muscle_Targeted": "Shoulders"
    },
    {
      "id": 2,
      "Name": "AA Incline Bench Dumbbell Reverse Fly",
      "equip": 49,
      "Description": "",
      "Muscle_Targeted": "Shoulders"
    },
    {
      "id": 3,
      "Name": "Ab bicycle",
      "equip": 66,
      "Description": "",
      "Muscle_Targeted": "Abdominals"
    },
    {
      "id": 4,
      "Name": "Ab Crunch Machine",
      "equip": 67,
      "Description": "",
      "Muscle_Targeted": "Abdominals"
    },
   ...
   }
 

P.S. если вам нужна дополнительная информация, мне нужно сделать это для нескольких редукторов, поскольку все связано друг с другом. Например, тренировка состоит из множества упражнений, поэтому тренировка будет ссылаться на несколько идентификаторов упражнений. Я ввел все эти данные в свою систему CMS, и она выдает их в этом формате json. Я хочу, чтобы в приложение загружался набор вещей, чтобы у пользователей не было хорошего сетевого подключения, они все равно могли бы что-то иметь.

Также для снижения затрат на извлечение этих файлов из бэкенда до ближайшего будущего.