javascript - 未捕获的类型错误 INCLUDES 不是函数

Question

首先单击arr内的项目控制台日志项目。第二次单击返回错误未捕获类型错误包括不是函数。控制台日志 arr 为 1。

Chrome浏览器

constructor(props){
super(props)
this.state = {
  arr = []
}
this.handleClick = this.handleClick.bind(this);
}

handleClick(e) {
  let arr = this.state.arr
  let item = e.target.id
  if (!arr.includes(item)) {
    this.setState({arr: arr.push(item)})
  } else {
    this.setState({arr: arr.filter(x => x !== item)})
  }
}

Answer 1

react 说数据是不可变的，据我所知，你的句柄点击也没有绑定(bind)，因此这样做

handleClick = (e)=> {
  let arr = this.state.arr
}

然后复制状态

handleClick = (e)=> {
  let arr = Object.assign([],this.state.arr)
}

最后设置数据状态

handleClick = (e)=> {
  .....
  this.setState({arr: newArr})
 //{arr: arr}
  }