Btukfyl

I am just wondering for Defining mapDispatchToProps As An Object how can I pass ownProps to it? like in the function I can pass props as an argument.

const mapDispatchToProps = (dispatch, ownProps) => {

  toggleTodo: () => dispatch(toggleTodo(ownProps.todoId));

};

for an object how to pass ownProps?

const mapDispatchToProps = {

  toggleTodo

};

My account got blocked by some down votes questions, the funny thing is I have to re-edit them, even though I already have the accepted answer.I do not understand what's the point to do this.I am so frustrated by this stackoverflow system.

Now, I basically can do nothing but keep editing my questions, and they have all been answered. This is ridiculous !!!

Short answer: You dont need to. You pass the props into each action as they are called and needed.

Long answer:
mapDispatchToProps connects your actions to dispatch in the component so you can call the action and pass in required props for it using this.props.action instead of awkwardly finding dispatch and using this.props.dispatch(action()) or similar.

I find it's simpler to connect your actions to your export and call the action this.props.addUser(prop1,prop2) when needed - onClick(), componentDidMount() etc. It by default assigns dispatch to it without needing to do mapDispatchToProps. So

export default connect(

    mapStateToProps, 

    {action1, action2, addUser})(User)

then you can use:

addNewUser = () => {

  this.props.addUser(this.state.person);

}

where you pass in the props you're after and then do any other work the action or reducer itself (depending on your preference of flow) such as:

export const addUser = user => ({

    type: ADD_USER_SUCCESS,

    payload: {user}

})

ownProps can't be passed to it without doing the wiring in mergeProps function passed in the connect function.

You see, when mapDispatchToProps is an object, whenMapDispatchToPropsIsObject is invoked. It in turn invokes wrapMapToPropsConstant which does this

constantSelector.dependsOnOwnProps = false

Now, this property is used to decide whether the action dispatcher should be invoked with props or not. See all handle* functions like handleNewPropsAndNewState in src/connect/selectorFactory.js

This is in contrast with what happens when mapDispatchToProps is a function. In this case, wrapMapToPropsFunc when invoked wraps the action dispatcher and then invokes it with props.

Without passing mergeProps, you'll need to forward id prop to the action creator in the Component that is connected with the mapDispatchToProp

e.g.

onClickToggleButton = () => {

  const {id, toggleTodo} = this.props

  toggleTodo(id)

}