mapDispatchToProps & refactoring

Inexpediency · Aug 28, 2020 · 1f4ee4f · 1f4ee4f
1 parent 5abd7bd
commit 1f4ee4f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/actions.js b/src/actions.js
@@ -2,4 +2,9 @@ export const inc = () => ({ type: 'INC' })
 
 export const dec =() => ({ type: 'DEC' })
 
-export const rnd = (payload) => ({ type: 'RND', payload })
+export const rnd = () => {
+    return {
+        type: 'RND',
+        payload: Math.floor(Math.random() * 10),
+    }
+}
diff --git a/src/components/counter/counter.js b/src/components/counter/counter.js
@@ -1,5 +1,8 @@
 import React from 'react'
 import { connect } from 'react-redux'
+import { bindActionCreators } from 'redux'
+
+import * as actions from '../../actions'
 
 const Counter = ({ counterValue, inc, dec, rnd }) => {
     return (
@@ -24,4 +27,8 @@ const mapStateToProps = (state) => {
     }
 }
 
-export default connect(mapStateToProps)(Counter)
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators(actions, dispatch)
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Counter)