Реагировать на проблему избыточной отправки

Question

Я пытаюсь отправить функцию из компонента, который имеет маршрут localhost: 8080 / location /: id, но, похоже, выдает ошибку, такая же функция отправки работает в другом компоненте, который не имеет параметра ID.

Это ошибка, которую я получаю при отправке этого действия.

Uncaught TypeError: (0, _bandwidth2.default) не является функцией

Это мой способ доставки.

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

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

Это моё действие.

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

Просто чтобы уточнить, эта функция работает в другом компоненте, но не в том, который имеет идентификатор param в своем маршруте. Пожалуйста помоги. Спасибо.

Вот где я позвонил.

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'