O instrutor diz: "O value do select vamos receber via props.valor, e em seguida edita a linha de código de "ListaSuspensa" de maneira que ela fica assim:
<select onChange={evento => props.aoAlterado(evento.target.value)} required={props.required} value={props.value}/>
Porém, no "Formulario", não definimos atributo com nome "value" para o componente ListaSuspensa usado; além disso, não existe um atributo chamado "value" para a tag HTML <select> (apenas para a tag <option>, mas o componente em questão é um "select").
Portanto, as minhas perguntas em relação à linha de código citada anteriormente são:
- De onde vem o atributo
valuedo componente<ListaSuspensa>? ele é nativo do HTML ou o instrutor o criou em algum momento? - Onde é fornecido (inputado) o valor do
props.valueda linha de código citada? - Onde é usado o
props.valorque o instrutor menciona?
PS: Eu vi que se inspecionarmos o elemento <select> no DevTools e usarmos $0.value, ou o equivalente document.querySelector('select').value, o valor da opção selecionada, ou seja, o nome de um time, é exibido. Porém, isso para mim ainda é uma grande dúvida, pois eu imaginava que o value seria de <option> e não de <select>.