反應 setState 錯誤有人幫忙嗎？ 縮小誤差

Question

我有一個雙列表框，但是當我單擊向左或向右按鈕時，該項目的傳輸到另一側還可以，但我在控制台中收到一條錯誤消息。 當我清除 rightClick this.setState 錯誤消失但項目永遠不會改變或轉移到另一邊。 我必須做什么？ 我分析每個人都說 NODE_ENV=development 我嘗試但不適合我的錯誤？ 我通常這樣描述 this.setState() 我定義 this.setState({}) 但我不能這樣定義我再次收到錯誤消息有人幫忙嗎？

this.state = {
      role: ['admin' , 'user' , 'subscriber' , 'superadmin'],
      activeRole:['admin1'],
      selectedIndex : 0,
      selectedItem : ''
      
    };

 menuClick = (activeItem,index) =>{
    this.selectedIndex = index;
    this.selectedItem = activeItem;
    // activeItem 1. arrayda varsa düğmeyi kapat
    // yoksa diğer düüme"112453
      // console.log('activeItem' + activeItem);
      // console.log('index' + index);
  }

  rightClick = ()=>{
    console.log(this.selectedIndex);
    console.log(this.state.role);
    this.setState(
      this.state.role.splice(this.selectedIndex, 1),
      this.state.activeRole.push(this.selectedItem)
    );
    
  }
  leftClick = ()=>{
    console.log(this.selectedIndex);
    console.log(this.state.role);
    this.setState(
      this.state.activeRole.splice(this.selectedIndex, 1),
      this.state.role.push(this.selectedItem)
    );
    
  }

Answer 1

如下更新您的功能

  rightClick = () => {
console.log(this.selectedIndex);
console.log(this.state.role);
this.setState({
  role: this.state.role.splice(this.selectedIndex, 1),
  activeRole: this.state.activeRole.push(this.selectedItem)
});

  }

  leftClick = () => {
console.log(this.selectedIndex);
console.log(this.state.role);
this.setState({
  activeRole: this.state.activeRole.splice(this.selectedIndex, 1),
  role: this.state.role.push(this.selectedItem)
});


 }