reactjs - how to trigger action of different store

Question

im trying to build gmail clone - with categories and emails-of-category, which loads when user clicks the category.
i decided to split the store to 'categoires' and 'emails'

export const store = combineReducers({
     categories: categoriesReducer,
     emails: emailsReducer
});

categories state looks like this:

{
    categories: ["Inbox", "Sent", "Trash", "Spam"],
    selectedCategory: "Inbox",
}

emails state looks like this:

{
    error: null,
    loading: false,
    emails: [],
    selectedEmails: []
};

I feel not convenient with my decision - to trigger 'fetch-emails' of selected category using 'useEffect' inside one of components:

useEffect(() => {
  dispatch(fetchEmails(selectedCategory));
}, [dispatch, selectedCategory]);

Instead, i think i need somehow to trigger 'fetch-emails' action when selected category changes from categories store. Am i right here?
If i do, so how to make it?
Thanks

question from:https://stackoverflow.com/questions/65832319/how-to-trigger-action-of-different-store

Answer 1

Waitting for answers