点击掉接口获取数据，避免多次调用（react)

点击掉接口获取数据，避免多次调用（react)

addEvent = () => {
  document.addEventListener('click', this.handleAdd)
}
removeEvent = () => {
  document.removeEventListener('click', this.handleAdd)
}
handleContent = (e) => {
  e.nativeEvent.stopImmediatePropagation()
}
// 对于项目等下拉框点击事件的控制
handleClick = () => {
  const { loading, onClick, costList, placeholder } = this.props
  if (loading) {
    return
  } else {
    // 当获取到数据以后，就不在触发点击事件，项目除外，因为项目是根据部门和人有关系，部门和人改变以后点击事件需要再次被触发
    if (!costList || costList.length === 0 || placeholder === '请选择项目') {
      console.log(99999999,'shjahsdhkas')
      onClick && onClick()
    }
  }
  let { visible } = this.state
  this.setState({
    visible: !visible
  })
  if (visible) {
    this.removeEvent()
  } else {
    this.addEvent()
  }
}