Загрузка магазинов в React-Redux

Question

Я новичок в React-Redux, у меня есть приложение, в котором все магазины предварительно загружены в файл index.js, который является точкой входа в приложение.У меня есть следующий код на странице (его часть).

   if(Auth.isUserAuthenticated()){
  store.dispatch(getProductCategories());
  store.dispatch(getProducts());
  store.dispatch(getAuctions());
  store.dispatch(getAppSettings());
  store.dispatch(getWalletTransactionHistory());
  store.dispatch(getAllUsers());
  store.dispatch(getParticipatedAuctions());
  store.dispatch(getParticipatedAuctionsList());        
  store.dispatch(getWalletBalance())
  }
  store.dispatch(getHomePageAuctions());
  store.dispatch(getAllPageAuctions());
  store.dispatch(getPriceCards());


render(
  <AppContainer>
    <App store={store} history={history} />
  </AppContainer>,
  document.getElementById('app')
);

Действие, описанное выше, отправляется при каждом изменении маршрута, но я хотел его отправить только один раз при загрузке страницы.Я даже пытался поместить его в App component в ComponentDidMount(), а также пытался вставить в constructor() этого компонента, но не удача не сработала, как ожидалось, и также искал в Google, но не получилось с точным соответствием или похожим на него

Answer 1

Я предлагаю переместить ваши вызовы store.dispatch внутри компонента component.DidMount в App.js.Поскольку App.js будет монтироваться только один раз, он будет срабатывать только один раз.