Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Evento do Botão

Olá! Neste caso, como o código está entendendo que a tag equivale ao submit?

`import React from "react";

import Botao from "../Botao"; import style from './Formulario.module.scss'

class Formulario extends React.Component { state = { tarefa: "", tempo: "00:00" }

adicionarTarefa(evento: React.FormEvent<HTMLFormElement>) {
    evento.preventDefault();
    console.log('state: ', 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>
                Adicionar
            </Botao>
        </form>
    )
}

}

export default Formulario;`

1 resposta
solução!

Oi Cassiano, tudo bem? Nesse momento do curso ainda não foi definido que esse botão será do tipo Submit, então o formulário ainda não é enviado só pelo click no botão. Mais na frente o componente Botao será estendido e receberá mais propriedades e uma delas será o "type".

Na versão final ficará algo como Começar