TypeScript · Middle · Запитання 22 з 75
Як типізувати дженерик-компонент списку?
function List<T>({ items, render }: {
items: T[];
render: (item: T) => React.ReactNode;
}) { /* ... */ }- ✓Правильна відповідь: Оголосити параметр типу у функції-компонента - TS виведе
Tзitems - 2Дженерики в React-компонентах не підтримуються через синтаксис JSX
- 3Використати
React.FC<T>, деT- тип елемента списку
Пояснення
<List items={users} render={u => u.name} /> - T виведеться як User, і u у render буде типізований. У .tsx у стрілкових функцій пишуть <T,>, щоб парсер не сприйняв це за JSX. React.FC дженерики не передає.