const [ tarefas, setTarefas ] = useState([
{
tarefa: 'React',
tempo: "02:00:00"
},
{
tarefa: 'Javascript',
tempo: "01:00:00"
},
{
tarefa: 'Typescript',
tempo: "03:00:00"
}
] )
<h2 onClick={( ) => {
setTarefas ( [
{ tarefas: "Estudando para Concurso", tempo: "02:00:00" },
...tarefas])
}}>
Estudos do Dia<h2/>
Olá, Diego, como vai?
Seu exercício está bem feito, com a definição correta do estado inicial e o uso do onClick para adicionar uma nova tarefa. Porém, notei que no objeto que você está adicionando, usou a chave tarefas em vez de tarefa. Isso pode gerar problemas de exibição ou de uso dos dados. Então, no setTarefas, o ideal seria algo como:
setTarefas([
...tarefas,
{ tarefa: "Estudando para Concurso", tempo: "02:00:00" }
]);
Além disso, é sempre importante verificar o fechamento das tags JSX. Seu <h2> de fechamento foi escrito como <h2/> — a forma correta é </h2>.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)