TypeScript · Middle · Pytanie 22 z 75
Jak otypować generyczny komponent listy?
function List<T>({ items, render }: {
items: T[];
render: (item: T) => React.ReactNode;
}) { /* ... */ }- ✓Poprawna odpowiedź: Zadeklarować parametr typu w funkcji komponentu - TS wywnioskuje
Tzitems - 2Generyki nie są obsługiwane w komponentach React z powodu składni JSX
- 3Użyć
React.FC<T>, gdzieTto typ elementu listy
Wyjaśnienie
<List items={users} render={u => u.name} /> - T jest wnioskowane jako User, a u w render jest otypowane. W plikach .tsx funkcje strzałkowe używają <T,>, by parser nie pomylił tego z JSX. React.FC nie przepuszcza generyków.