Qual é o tipo de dado do prop children em React e TypeScript?
Olá a todos! Comecei recentemente a estudar TypeScript junto com React e me deparei com uma situação confusa. Estou criando um componente wrapper que deve aceitar elementos filhos. Em JavaScript normal, eu simplesmente escrevia `props.children` e tudo funcionava. Mas no TypeScript, preciso especificar os tipos, e não entendo qual tipo usar para `children`.
Aqui está um exemplo do meu código:
```tsx
interface CardProps {
title: string;
children: ???; // O que escrever aqui?
}
function Card({ title, children }: CardProps) {
return (
);
}
```
Tentei escrever `children: any`, mas não é muito bom, perde-se a tipagem. Tentei `children: ReactNode` — parece funcionar, mas não tenho certeza se está correto. E também vi que algumas pessoas usam `ReactChild` ou `ReactElement`. Qual é a diferença? E se eu quiser que o componente aceite apenas um único elemento filho? Ou, ao contrário, vários?
{title}
{children}
No answers yet.
Faça login para deixar uma resposta
Blogs
Programação Assíncrona em Kotlin: guia completo na prática
Contribuição open source em Rust: guia para contribuidores iniciantes
Geração de código com IA em Kotlin: como acelerar o desenvolvimento em 2 vezes
Feature Flags em JavaScript: como ativar funcionalidades sem deploy