Olá boa tarde, aparentemente meu codigo está um pouco diferente da aula. Mas imagino que exista solução para que meu codigo fique tão funcional quanto o da aula sem eu ter que deixar exatamente igual ao do professor. Ao clicar no botão cadastrar novo time, a seguinte mensagem aparece:
hex is undefined
removeHash@http://localhost:3000/static/js/bundle.js:2236:3
hexToRgba@http://localhost:3000/static/js/bundle.js:2290:31
Time@http://localhost:3000/static/js/bundle.js:1069:72
renderWithHooks@http://localhost:3000/static/js/bundle.js:21106:31
mountIndeterminateComponent@http://localhost:3000/static/js/bundle.js:24392:17
Imagino que seja algum erro de codigo no meu segundo formulário. A ideia é que seja criado um novo time, com uma cor e que esse novo time apareça na lista suspensa após cadastrado. Podem me ajudar por favor? Abaixo um trecho do código, mas também deixarei no gitHuB o projeto completo.
onst Formulario = (props) => {
const aoSalvar = (evento) => {
evento.preventDefault()
props.aoColaboradorCadastrado({
Nome,
Cargo,
Imagem,
Time
})
setNome('')
setCargo('')
setImagem('')
setTime('')
}
const aoSubmeter = (evento) => {
evento.preventDefault()
props.cadastrarTime({
NomeTime,
CorTime
})
setNomeTime('')
setCorTime('')
}
const [Nome, setNome] = useState('')
const [Cargo, setCargo] = useState('')
const [Imagem, setImagem] = useState('')
const [Time, setTime] = useState('')
const [NomeTime, setNomeTime] = useState('')
const [CorTime, setCorTime] = useState('')
return (
<section className="formulario">
<form onSubmit={aoSalvar}>
<h2> Preencha os dados abaixo para criar 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..."
valor={Imagem}
aoAlterado={valor => setImagem(valor)}
/>
<ListaSuspensa
obrigatorio={true} label='Times' itens={props.Times}
valor={Time}
aoAlterado={valor => setTime(valor)}
/>
<Botao>
Criar card
</Botao>
</form>
<form className="formulario" onSubmit={aoSubmeter}>
<h3> Preencha os dados abaixo para criar um novo time</h3>
<CampoTexto
obrigatorio={true}
label="Nome do Time" placeholder="Digite o nome do novo Time..."
valor={NomeTime}
aoAlterado={valor => setNomeTime(valor)}
/>
<CampoTexto
obrigatorio={true}
label="Cor" placeholder="Digite a cor do novo Time.."
valor={CorTime}
aoAlterado={valor => setCorTime(valor)}
/>
<Botao>
Criar novo Time
</Botao>
</form>
</section>
)
}
export default Formulario
