Olá Gabriel!

Entendo sua dúvida e é uma pergunta muito válida. Atribuir o value dos inputs ao useState é uma forma de armazenar as informações inseridas pelo usuário em um estado, para que possam ser utilizadas posteriormente.

Imagine que você tenha um formulário com vários campos e queira salvar as informações inseridas pelo usuário em um banco de dados. Para isso, é necessário que você tenha acesso a essas informações. Ao atribuir o value dos inputs ao useState, você pode facilmente acessar esses valores e utilizá-los para criar os cards, como você mencionou.

Além disso, ao utilizar o useState, você pode atualizar esses valores de forma reativa, ou seja, sempre que o usuário inserir ou alterar alguma informação, o estado será atualizado automaticamente, sem a necessidade de recarregar a página.

Espero ter ajudado a esclarecer sua dúvida! Se tiver mais alguma pergunta, é só perguntar.

Bons estudos!

Certo, compreendo a utilidade do value, porém na aula, ao criarmos o estado, guardamos essas informações em uma constante, então não poderíamos utilizar essa constante como armazenamento?

No React, usamos o useState em vez de uma constante para gerenciar o estado de um componente. Isso porque o estado de um componente é dinâmico e pode mudar ao longo do tempo em resposta às ações do usuário ou a eventos de outras partes do aplicativo.

Usar uma constante para armazenar o estado de um componente não é recomendado, pois uma constante não pode ser modificada depois de ser definida. Isso significa que se quisermos atualizar o estado de um componente, teríamos que redefinir a constante, o que pode levar a problemas de performance e tornar o código mais difícil de entender e manter.

O useState é uma função que permite que o estado de um componente seja armazenado e atualizado ao longo do tempo. Ele retorna um array com duas posições: a primeira é o valor atual do estado e a segunda é uma função que permite que esse valor seja atualizado.