1
resposta

[Bug] evento.PreventDefault() is not a function

Tela de erro do react mostrando o erro "evento.PreventDefault is not a function"Tentei olhar em todos os lugares possíveis do meu código e ainda não faço ideia do que pode ter acontecido

import { useState } from 'react'
import Botao from '../Botao'
import CampoTexto from '../CampoTexto'
import ListaSuspensa from '../ListaSuspensa'
import './formulario.css'

const Formulario = () =>{

    const times = [
        'Programação',
        'Front-End',
        'Data-Science',
        'Devops',
        'UX e Design',
        'Mobile',
        'Inovação e Gestão'
      ]
    
    const [nome, setNome] = useState('')
    const [cargo, setCargo] = useState('')
    const [imagem, setImagem] = useState('')
    const [time, setTime] = useState('')

    const aoSalvar = (evento) => {
        evento.PreventDefault()
        console.log('Form foi submetido => ', nome, cargo, imagem, time)
    }
    

    return(
        <section className='formulario'> 
            <form onSubmit={aoSalvar}>
                <h2>Preencha os dados para cirar o card do colaborador</h2>
                <CampoTexto 
                    obrigatorio={true} 
                    label="Nome" 
                    placeholder="Digite o seu nome"
                    valor={nome}
                    aoAlterado={valor => setNome(valor)}
                />
                <CampoTexto 
                    obrigatorio={true} 
                    label="Cargo" 
                    placeholder="Digite o seu cargo"
                    valor={cargo}
                    aoAlterado={valor => setCargo(valor)}
                />
                <CampoTexto 
                    label="Imagem" 
                    placeholder="Digite o endereço da imagem"
                    imagem={imagem}
                    aoAlterado={valor => setImagem(valor)}
                /> 
                <ListaSuspensa 
                    obrigatorio={true} 
                    label="Time" 
                    itens={times}
                    valor={time}
                    aoAlterado={valor => setTime(valor)}
                />
                <Botao>
                    Criar Card
                </Botao>
            </form>
        </section>
    )
}

export default Formulario
1 resposta

Salve, Vitor!

Letras maiúsculas e minúsculas fazem difença, nesse caso. O ponto aqui é que você esta chamando assim:

 evento.PreventDefault()

E precisamos chamar assim, o p minúsculo:

 evento.preventDefault()