`import './ListaSuspensa.css' const ListaSuspensa = (props) => { return (
< div className='lista-suspensa'>
<label>{props.label}</label>
<select onChange={evento => props.aoAlterado(evento.target.value)} required={props.obrigatorio} value={props.valor}>
<option value=""></option>
{props.itens.map(item => <option key={item}>{item}</option>)}
</select>
</div >
)
} export default ListaSuspensa`
E aí, Henrique!
Dá uma olhada no teu componente ListaSuspensa. Vi que ele tem um onChange que chama a função aoAlterado quando alguma coisa muda no select. Essa função tá lá em cima, fora do componente? Porque se ela tá apagando ou não fazendo o que deveria, pode ser esse o problema.
Ah, e também, será que o estado tá sendo gerenciado direito? O value do select tá sendo passado por props.valor, então talvez seja bom dar uma olhada em como tá rolando essa comunicação e se tá sendo atualizado certinho.
Outra coisa, o array itens tá sendo usado pra criar as options do select, mas se isso tá vindo de um banco ou algo assim, certifica que tá tudo nos trinques.
Ah, e sempre é bom dar um confere no console do navegador, viu? Às vezes ele joga uns erros que podem te dar uma pista do que tá acontecendo.