className=""
type="text"
id="name"
placeholder="insira os nomes dos participantes"
value={user}
onChange={(e:React.ChangeEvent<HTMLInputElement>) => setUser(e.target.value) }
autoFocus
exemplo
Solucionado
className=""
type="text"
id="name"
placeholder="insira os nomes dos participantes"
value={user}
onChange={(e:React.ChangeEvent<HTMLInputElement>) => setUser(e.target.value) }
autoFocus
exemplo
Oi Flávio, tudo bem?
Pelo que entendi da sua pergunta, você está se perguntando se poderia apenas colocar a propriedade autoFocus em vez de definir o id do input. A resposta é sim, você pode usar apenas a propriedade autoFocus para definir o foco no input. Porém, é importante lembrar que a propriedade id também é importante para acessibilidade e para associar o input a um label.
Então, se possível, é recomendado manter a definição do id.
Um abraço e bons estudos.