Is it possible to trigger a Redux action from outside a component? [duplicate]

Question

I'm building a React app and am calling a custom handler library to make calls to our REST API.

Within these (non-React) functions, I'd like to trigger Redux actions to update the store with the endpoint response, but can't figure out how to trigger the Redux action without the usual 'mapDispatchToProps'/connect() method.

Is this possible?

Thanks

Answer 1

In order to dispatch and action from outside of the scope of React.Component you need to get the store instance and call dispatch on it like

import { store } from '/path/to/createdStore'; ​ function testAction(text) {   return {     type: 'TEST_ACTION',     text   } } ​ store.dispatch(testAction('StackOverflow'));