[Dúvida] Adicionando tarefas

Eu não estava conseguindo adicionar as tarefas e o meu timer tava esquisito, só podendo colocar a partir de 15h no cronômetro. Aí eu fui comparar o meu código com o do GitHub, e vi que tinha umas partes do componente Formulario que eu perdi e não vi sendo colocadas nas aulas:

Código completo do Formulario.tsx:

import React from 'react';
import { ITarefa } from '../../types/tarefa';
import Botao from '../Botao';
import style from './Formulario.module.scss';

class Formulario extends React.Component<{
  setTarefas: React.Dispatch<React.SetStateAction<ITarefa[]>>
}> {
  state = {
    tarefa: "",
    tempo: "00:00"
  }

  adicionarTarefa(evento: React.FormEvent<HTMLFormElement>) {
    evento.preventDefault();
    this.props.setTarefas(tarefasAntigas => [...tarefasAntigas, { ...this.state }])
  }

  render() {
    return (
      <form className={style.novaTarefa} onSubmit={this.adicionarTarefa.bind(this)}>
        <div className={style.inputContainer}>
          <label htmlFor="tarefa">
            Adicione um novo estudo
          </label>
          <input
            type="text"
            name="tarefa"
            id="tarefa"
            value={this.state.tarefa}
            onChange={evento => this.setState({ ...this.state, tarefa: evento.target.value })}
            placeholder="O que você quer estudar"
            required
          />
        </div>
        <div className={style.inputContainer}>
          <label htmlFor="tempo">
            Tempo
          </label>
          <input
            type="time"
            step="1"
            name="tempo"
            value={this.state.tempo}
            onChange={evento => this.setState({ ...this.state, tempo: evento.target.value })}
            id="tempo"
            min="00:00:00"
            max="01:30:00"
            required
          />
        </div>
        <Botao type="submit">
          Adicionar
        </Botao>
      </form>
    )
  }
}

export default Formulario;

especificamente as seguintes partes dentro de ambos os inputs:

  value={this.state.tarefa}
            onChange={evento => this.setState({ ...this.state, tarefa: evento.target.value })}

e value={this.state.tempo} onChange={evento => this.setState({ ...this.state, tempo: evento.target.value })}

Em que momento essas partes foram colocadas durante a aula? Eu acho que me perdi no meio de tanto código, então não entendi porque foram adicionados esses atributos (value e onChange), só sei que depois de colocar essas partes no meu código o cronômetro e a função de adicionar tarefas começaram a funcionar direitinho. Alguém pode me explicar, por favor, essas partes do código?