[Dúvida] Qual a melhor forma para impedir o usuário de deixar o time vazio?

<select onChange={event => props.aoAlterado(event.target.value)} value={props.valor} > <option value=""></option> {props.itens.map(item => { return <option key={item} value={item} >{item}</option> })} </select>

Olá, Mateus!

Uma forma de impedir que o usuário deixe o time vazio é adicionar uma validação no momento do envio do formulário. Você pode fazer isso verificando se o valor selecionado na lista suspensa é diferente de vazio antes de enviar os dados para o servidor.

Por exemplo, você pode adicionar um if na função que é chamada quando o formulário é enviado, assim:

function handleSubmit(event) {
  event.preventDefault();
  if (props.valor === "") {
    alert("Por favor, selecione um time!");
    return;
  }
  // código para enviar os dados para o servidor
}

Dessa forma, se o usuário tentar enviar o formulário com o time vazio, ele receberá um alerta solicitando que selecione um time válido.

Espero ter ajudado e bons estudos!

Mergulhe em programação