Как мы можем подключить хранилище избыточных файлов к файлу, который имеет только массив объектов?

Question

У меня есть массив объектов, хранящихся в файле (menu.js), я хочу получить данные из redux store и обновить файл массива в соответствии с данными из хранилища.Мой файл (menu.js) не является компонентом.Можно ли как-нибудь подключить его к магазину?

menu.js Файл выглядит следующим образом:

const data = [{

}];
export default data;

Answer 1

Чтобы получить данные из магазина редуксов

import { useDispatch, useSelector } from "react-redux";

const data = useSelector(store => store.data)
// Get from your store 

// Update store 
const dispatch = useDispatch();

const callSomeFunction  = () =>{
dispatch({
 type: UPDATE_STORE,
 payload: data
});

Учебник можно найти здесь

Answer 2

Просто потребуйте данные вашего меню, где определен ваш редуктор, и начните initalState оттуда.Этот редуктор будет начинаться с ваших данных меню, и, если вы правильно настроили варианты действий, теперь вы можете соответствующим образом обновить эти данные меню.

import menuItems from "path/to/menu/data";

const initialState = {
  loading: false,
  error: null,
  menuItems: menuItems
};

export default function reducer(state = initalState, action) {
  switch (action.type) {
    case UPDATE_MENU_ITEM:
      const updateMenuItems = []; // update your items
      return { ...state, menuItems: updatedMenuItems };
    default:
      return state;
  }
};