UNPKG

react-redux-with-path

Version:

A version of react-redux designed for cases that want to access sub-tree of the state. and take it as state in mapStateToProps and mapDispatchToProps

68 lines (62 loc) 2.54 kB
// export only for test export function wrapActionCreatorWithPath(actionCreator, path) { return (...args) => { const res = actionCreator(...args); res.path = path; return res; } } export function wrapActionCreatorsWithPath(actionCreators, path) { return Object.keys(actionCreators).reduce((obj, key) => { Object.assign(obj, { [key]: wrapActionCreatorWithPath(actionCreators[key], path) }); return obj; }, {}); } export function bindActionCreator(actionCreator, dispatch, path) { if (!!path) { return (...args) => dispatch(wrapActionCreatorWithPath(actionCreator, path)(...args)); } return (...args) => dispatch(actionCreator(...args)); } /** * Turns an object whose values are action creators, into an object with the * same keys, but with every function wrapped into a `dispatch` call so they * may be invoked directly. This is just a convenience method, as you can call * `store.dispatch(MyActionCreators.doSomething())` yourself just fine. * * For convenience, you can also pass a single function as the first argument, * and get a function in return. * * @param {Function|Object} actionCreators An object whose values are action * creator functions. One handy way to obtain it is to use ES6 `import * as` * syntax. You may also pass a single function. * * @param {Function} dispatch The `dispatch` function available on your Redux * store. * * @returns {Function|Object} The object mimicking the original object, but with * every action creator wrapped into the `dispatch` call. If you passed a * function as `actionCreators`, the return value will also be a single * function. */ export default function bindActionCreators(actionCreators, dispatch, path) { if (typeof actionCreators === 'function') { return bindActionCreator(actionCreators, dispatch, path) } if (typeof actionCreators !== 'object' || actionCreators === null) { throw new Error( `bindActionCreators expected an object or a function, instead received ${actionCreators === null ? 'null' : typeof actionCreators}. ` + `Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?` ) } const keys = Object.keys(actionCreators) const boundActionCreators = {} for (let i = 0; i < keys.length; i++) { const key = keys[i] const actionCreator = actionCreators[key] if (typeof actionCreator === 'function') { boundActionCreators[key] = bindActionCreator(actionCreator, dispatch, path) } } return boundActionCreators }