Salve, Nathan!
Quando você está trabalhando com TypeScript, é importante especificar o tipo de dados do estado. Isso ajuda a garantir que o estado esteja sempre correto e evita erros de tempo de execução.
No entanto, às vezes o estado pode ser um array. Nesse caso, precisamos usar generics para especificar o tipo de dados dos elementos do array.
Por exemplo, considere o seguinte código, que cria um componente com um estado de array de números inteiros:
import React, { useState } from 'react';
function MyComponent() {
const [numbers, setNumbers] = useState<number[]>([]);
// ...
}
Aqui, estamos usando os generics <number[]>
para especificar que o estado é um array de números. Isso nos permite acessar os elementos do array de forma segura, sem precisar fazer casting para o tipo correto em cada acesso.
Além disso, podemos usar os generics
para especificar o tipo de dados dos elementos do array em outras situações, como quando passamos o array como propriedade para outro componente ou quando o armazenamos em uma variável.
Em resumo, o uso de generics
com o useState
é importante para garantir a segurança de tipos quando o estado é um array
. Isso ajuda a evitar erros em tempo de execução e garante que o código seja mais legível e fácil de manter.