И тянуть с него последнее значение

можешь подскать как это реализовать?

Якщо не тра якихось додаткових дій в процесі введення я би взагалі десь з-зовні слухав onsubmit і підтягував значення

Погугли useRef

Или просто createRef, если классы

хорошо, пойду чекну

я прочитал про useRef, но не понял как можно использовать чтобы сохранить в него последнее значение (e.target.value)

Учу основы Реакта

class Wrap extends Component {
 constructor(props, context) {
   super(props, context);
   this.state = {
     tasks: [
       'First task!',
       'Second!',
       'LAST 9th lesson!'
     ]
   };
 }

 delTask(index) {
   let arr = this.state.tasks;
   arr.splice(index, 1);
   this.setState({tasks: arr});
 }

 updateTask(txt, index) {
   let arr = this.state.tasks;
   arr[index] = txt;
   this.setState({ tasks: arr });
 }

 eachTask(item, i) {
   return (
   <Task key={i} index={i} funcUpdate={this.updateTask} funcDel={this.delTask}>
     {item}
   </Task>
   )
 }

 render() {
   return (
     <div className="todo-list">
       {
         this.state.tasks.map(this.eachTask)
       }
     </div>
   );
 }
}

Uncaught TypeError: Cannot read property 'updateTask' of undefined

почему?

Добавь в конструктор
This.updateTask = this.updateTask.bind(this);

Кто-то работал с Google Cloud Storage?

Иду по оф докам но выдаёт ошибку

это не помогает

Попробуй так

eachTask = (item, i) => {...}

Wrap.js:1 Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /sweb/itprog/src/components/Wrap.js: Support for the experimental syntax 'classProperties' isn't currently enabled (32:12):

Понял)
Сделай итерацию прям в jsx