Javascript this.props不是函数（reactjs）

具有按请求删除元素的代码

class ArchOrDlt extends Component{
    constructor(props) {
      super(props)
    }

    deleteItem(itemId, e) {
        console.log(itemId);
      this.props.test();
      this.props.DeleteListProfileItem(itemId);

    }
    ArchOrDlt() {

      const isdel = this.props.isdel;
      const itemId = this.props.itemId;
      if (isdel == 1) {
        return (<div><a onClick={this.deleteItem.bind(this, itemId)} >delete</a></div>);
      }
        return (<div>archived</div>);
    }
    render() {
      return (
        <div>
        {this.ArchOrDlt()}
        </div>
      );
    }

  }

无法理解为什么会发生这种情况，例如，如果我移动这个.props.test（）； 再次点击，一切正常，有完整的组件

---

首先，您应该使用redux中的bindActionCreators函数

import { bindActionCreators } from 'redux';
...
const mapDispatchToProps = (dispatch) => {
  return {
    IncomeListProfile : bindActionCreators(IncomeProfileList, dispatch),
    ...
  }
}

import { bindActionCreators } from 'redux';
...
const mapDispatchToProps = (dispatch) => {
  return {
    IncomeListProfile : bindActionCreators(IncomeProfileList, dispatch),
    ...
  }
}