React redux调度问题

Question

I'm trying to dispatch a function from a component which has route 'localhost:8080/location/:id' but it seems to give an error, the same dispatch function is working in other component which doesn't have param id.

This is error i'm getting while dispatching that action.

Uncaught TypeError: (0 , _bandwidth2.default) is not a function

This is my dispatchToProps.

const mapDispatchToProps = (dispatch) => ({
    addBandwidth: (bandwidth) => dispatch(addBandwidth(bandwidth))
  });

export default connect(undefined, mapDispatchToProps)(UpgradeBandwidth);

This is my action.

export const addBandwidth = (bandwidth) => ({
  type: 'ADD_BANDWIDTH',
  bandwidth
});

Just to clarify, this function working in other component but not in one which has param id in its route. Please help. Thanks.

This is where i called.

handleSubmit = (e) => {
    e.preventDefault();
    console.log(this.state)
    this.props.addBandwidth({
        _id: uuid(),
        leasedCircuitId: this.state.leasedCircuitId,
        bandwidth: this.state.bandwidth,
        bandwidthUnit: this.state.bandwidthUnit,
        bandwidthType: this.state.bandwidthType,
        lastMile: this.state.lastMile,
        remarks: this.state.remarks,
        discountPolicy: this.state.discountPolicy,
        status: false
      });
  }

Answer 1

检查你的App.js你是否确实导入了addBandwidth（）？

import { addBandwidth } from 'path to your action'