反应redux调度问题

时间:2019-03-20 03:55:46

标签: reactjs react-native react-redux react-router dispatch

我正在尝试从具有路由'localhost:8080 / location /:id'的组件中分派一个函数,但似乎给出了错误,相同的分派函数正在其他没有参数的组件中工作ID。

这是我在分派该动作时遇到的错误。

  

未捕获的TypeError:(0,_bandwidth2.default)不是函数

这是我的dispatchToProps。

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

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

这是我的动作。

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

请澄清一下,此功能在其他组件中起作用,但在其路径中具有参数id的组件中则无效。请帮忙。谢谢。

这是我打电话给的地方。

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
      });
  }

1 个答案:

答案 0 :(得分:0)

检查您的App.js 您确定要导入addBandwidth()吗?

import { addBandwidth } from 'path to your action'