This.props.dispatch not a function – React-Redux

Per the Redux FAQ question at here, this.props.dispatch is available by default if you do not supply your own mapDispatchToProps function. If you do supply a mapDispatchToProps function, you are responsible for returning a prop named dispatch yourself:

const mapDispatchToProps = dispatch => ({
   ...other methods,
   dispatch                // ← Add this
})

export default connect(null, mapDispatchToProps)(Component)

Or, you can make sure your action creators are pre-bound using Redux’s bindActionCreators utility, and skip having to worry about using this.props.dispatch in your component.

Related Posts:

  1. Understanding React-Redux and mapStateToProps()
  2. React Context vs React Redux, when should I use each one?
  3. Local package.json exists, but node_modules missing
  4. React with ES7: Uncaught TypeError: Cannot read property ‘state’ of undefined
  5. How to scroll to an element?
  6. Cannot read property ‘bind’ of undefined. React.js
  7. How to add multiple classes to a ReactJS Component?
  8. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  9. Why use Redux over Facebook Flux?
  10. Expected ‘this’ to be used by class method
  11. where is create-react-app webpack config and files?
  12. Getting “Cannot call a class as a function” in my React Project
  13. Await is a reserved word error inside async function
  14. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  15. Invariant Violation: Objects are not valid as a React child
  16. Invariant Violation: Objects are not valid as a React child
  17. What’s the difference between using “let” and “var”?
  18. What is Virtual DOM?
  19. How to use Redirect in the new react-router-dom of Reactjs
  20. How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]
  21. React.js: Set innerHTML vs dangerouslySetInnerHTML
  22. React – uncaught TypeError: Cannot read property ‘setState’ of undefined
  23. How to do a redirect to another route with react-router?
  24. Jest spy on functionality
  25. Reactjs – Form input validation
  26. What is mapDispatchToProps?
  27. Error Running React Native App From Terminal (iOS)
  28. Axios Delete request with body and headers?
  29. How to implement navbar using react
  30. Loop inside React JSX
  31. how to render a react component using ReactDOM Render
  32. Node.js – SyntaxError: Unexpected token import
  33. Console logging for react?
  34. Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
  35. ‘react-scripts’ is not recognized as an internal or external command
  36. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  37. React Native: this.setState is not a function
  38. Node.js – SyntaxError: Unexpected token import
  39. React: trigger onChange if input value is changing by state?
  40. forEach is not a function error with JavaScript array
  41. You should not use Route or withRouter() outside a Router when using react-router 4 and styled-component in react
  42. React-Router only one child
  43. What does the className attribute mean in JSX?
  44. Getting Unexpected Token Export
  45. What is prevState in ReactJS? [duplicate]
  46. React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
  47. Using Node.js require vs. ES6 import/export
  48. React – TypeError: Cannot read property ‘props’ of undefined
  49. Cannot find module ‘@angular-devkit/core’
  50. What is the difference between state and props in React?
  51. React eslint error missing in props validation
  52. OnChange event using React JS for drop down
  53. ESLint Parsing error: Unexpected token
  54. Setting onSubmit in React.js
  55. How can I quickly retrieve a value from a MapIterator returned from Object.keys function?
  56. ReactJS: setTimeout() not working?
  57. React Uncaught Error: Target container is not a DOM element [duplicate]
  58. How to refresh a Page using react-route Link
  59. React Error: Target Container is not a DOM Element
  60. How to implement authenticated routes in React Router 4?
  61. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  62. Console is throwing Unterminated JSX contents error
  63. setInterval in a React app
  64. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  65. ReactJS: setTimeout() not working?
  66. What does “export default” do in JSX?
  67. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  68. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  69. how to download file in react js
  70. Trying to use fetch and pass in mode: no-cors
  71. onEnter not called in React-Router
  72. Pass react component as props
  73. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  74. How to clear react-native cache?
  75. react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
  76. Access Control Origin Header error using Axios
  77. Cannot read property ‘getHostNode’ of null
  78. how to use react require syntax?
  79. onClick not working React js
  80. React-Router : What is the purpose of IndexRoute?
  81. How to add a keyboard listener to my onClick handler?
  82. React router not showing browser history
  83. e.target.value on an input field ReactJs, how does it work?
  84. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  85. command not found: jest
  86. Jest encountered an unexpected token
  87. ReactJS – .JS vs .JSX
  88. ReactJS: Maximum update depth exceeded error
  89. React, Uncaught ReferenceError: ReactDOM is not defined
  90. How to allow CORS in react.js?
  91. Does ECMAScript 6 have a convention for abstract classes?
  92. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  93. Uncaught ReferenceError: React is not defined
  94. How to disable button in React.js
  95. What does “export default” do in JSX?
  96. Update style of a component onScroll in React.js
  97. .filter is not a function 
  98. Correct modification of state arrays in React.js
  99. “React.Children.only expected to receive a single React element child” error when putting and in a
  100. Error: Couldn’t find preset “es2015” relative to directory “/Users/username”

Leave a Comment