Redux - call action from a function

Question

I\'m trying to call a redux action from a function. The component that I\'m calling the function from is already connected to the store. However, it doesn\'t work if I pass the

Answer 1

The action must be connected to a dispatch for the reducer to catch it and update the store.

In order to do this you should include your action as a mapDispatchToProps arg for redux's connect function. It would look like this:

connect(null, { actionCreator })(MyComponent)

To pass the connected action creator to a function from within the component, access it via props: myFunc(this.props.actionCreator)

Putting it all together:

import myFunc ...
class MyComponent extends React.Component {

  onChange() {
    myFunc(this.props.actionCreator)
  }

  render() { ... }
}

export connect(null, { actionCreator })(MyComponent)

Now when myFunc executes actionCreator() it will properly dispatch the action to be caught by your reducer.