Instruções
Passo 48
O formulário agora está completo. Para fazer o cartão de pré-visualização atualizar enquanto você digita, é preciso conectar as entradas ao estado
player.
Começando pelo input Nome, adicione a ele um atributo value com valor player.name. Depois, adicione um atributo onChange definido como uma arrow function que recebe e como parâmetro e chama setPlayer com um spread de player e name definido como e.target.value. Não esqueça de colocar tanto o spread quanto a definição do valor name dentro de um objeto.
O que fazer:
Testes:
- Sua entrada de nome `value` deve estar vinculada ao campo `name` do estado player.
- Sua entrada de nome deve ter um manipulador `onChange`.
- O manipulador `onChange` deve chamar `setPlayer` com `setPlayer` contendo um objeto que espalha `player` e define `name` como `e.target.value`.
Preview