Arquivo Discussoes de Programacao e Tecnologia Tenho este componente para upload de foto
const [photo, setPhoto] = useState("");
const handleChange = (event) => { const file = event.target.files[0]; setPhoto(file); };
<label htmlFor="upload"> <img src={photo} alt="Adicionar Foto" className={classes.photo} /> <input accept="image/*" type="file" id="upload" className={classes.hidden} onChange={handleChange} /> </label>
Para inserir funciona normal.
Quando quero alterar um registro não funciona.
Pecisando de mais informações é só falar
vc quer mostrar uma imagem ou várias?
Só a primeira
Ele vai atualizar sua imagem. Mas antes deve ver como ela fica.
Veja esse exemplo: http://jsfiddle.net/LvsYc/
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/FileReader
Entendi. Mas porque no fomulário de inclusão funciona e no de alteração não.
Não vi ainda diferenças no código.
A ação que é realizada em handleChange da inclusão é executada quando o componente de alterar é carregado?
Não entendi
Realmente minha pergunta ficou confusa. Vamos recomeçar: O formulário de incluir e alterar é o mesmo código ou são códigos diferentes? Nesse erro no console, aparece em qual componente ocorreu?
Realmente minha pergunta ficou confusa. Vamos recomeçar: O formulário de incluir e alterar é o mesmo código ou são códigos diferentes?
São diferentes
Nesse erro no console, aparece em qual componente ocorreu?
O de alterar
Alguma novidade, neste também ?
