CODEWITHSUNDEEP
javascriptreactjsecmascript-6reduxreact-redux
kbd
kbd

Reputation: 4449

Parameter value sent to but not received by action

I initiate loading scans through this action:

export function loadPickingScans (orderReference) {
    return { type: SCANNING_LOAD_SCANS, orderReference };
}

It's called in my smart (page) component:

componentDidMount() {
    const { loadPickingScans } = this.props;
    loadPickingScans(this.props.match.params.orderReference);
}

This is the url:

enter code herehttp://localhost:3000/orders/my-order-reference/scans

this.props.match.params.orderReference correctly contains my-order-reference.

However, adding a log to my action, orderReference is received as undefined.

What should I do to receive this expected value?

Update

By request:

function mapDispatchToProps(dispatch) {
    return {
        loadPickingScans: () => dispatch(loadPickingScans())
    };
}

Upvotes: 0

Views: 31

Answers (1)

Shubham Khatri
Shubham Khatri

Reputation: 281726

In mapDispatchToProps, while dispatching the action, you haven't passed any argument to it and hence it logs undefined in the method, you need to write it like

function mapDispatchToProps(dispatch) {
    return {
        loadPickingScans: (value) => dispatch(loadPickingScans(value))
    };
}

or simply

const mapDispatchToProps = {
   loadPickingScans
}

Upvotes: 1

Related Questions