Блог

Я работаю над созданием списка задач, я получил обновление, т.Е. Добавление данных в localstorage, чтобы при обновлении вкладки данные извлекались из localstorage, проблема в том, что при добавлении второй задачи первая загружается в localstorage

   functionToSetLocalStorage () {
  console.log(this.state.items);
  }

  addItem(e) {
  if (this._inputElement.value !== "") {
      
      var newItem = {
        text: this._inputElement.value,
        key: Date.now()
      }
      
      console.log(this.state.items); 
      this.setState((prevState) =>{
        return {
         items: prevState.items.concat(newItem)      
      }
      }, this.functionToSetLocalStorage);
           
                  
          console.log(this.state.items);
          this._inputElement.value = ""; 
      }  
      
      e.preventDefault();
      localStorage.setItem('todoEntries',JSON.stringify(this.state.items));
  } 
  

Кто-нибудь может мне помочь, почему есть задержка?

setState является ли асинхронная функция
попробуйте добавить localStorage.setItem('todoEntries',JSON.stringify(this.state.items)); в свою функцию setState, прежде чем возвращать новое состояние.

     this.setState((prevState) =>{
       localStorage.setItem('todoEntries',JSON.stringify(prevState.items.concat(newItem) ));
       return {
         items: prevState.items.concat(newItem)      
       }
     }, this.functionToSetLocalStorage);