No sé cómo codificar esta entrada para que cuando se crea un objeto a través de un formulario, la propiedad de la imagen devuelva una cadena para que luego se pueda mostrar en una tarjeta.

 <input classname = {style.imageInput} type = "file" name = "image alt = "newDoggie" accept = "image/*" multiple />

El objeto tiene estas propiedades:

 id: '', name: ''. breed_group: ''. heightMin: '', heightMax: '', weightMin: '', weightMax: '', life_span: '', image: '', temperaments: []

Un ejemplo de cómo estoy guardando los otros datos:

 <input classname = {style.nameInput} placeholder = "NAME" type = "text" value = {input.name} name = "name" onChange = {(e) => handleChange(e)} required /> <input className = {style.heightInput} required placeholder = "MINIMUM HEIGHT -cm- " type = "text" value = {input.heightMin} name = "heightMin" onChange = {(e) => handleChange(e)} /> function handleChange(e) { setInput({ ...input, [e.target.name] : e.target.value });