Можно ли создать Generic для React компонента

Да, можно. В React с TypeScript можно использовать дженерики для создания универсальных компонентов. Это полезно, когда компонент должен работать с разными типами данных.

Пример:

interface ListProps<T> {
  items: T[];
  renderItem: (item: T) => React.ReactNode;
}

function GenericList<T>({ items, renderItem }: ListProps<T>) {
return (
<ul>
{items.map((item, index) => (
<li key={index}>{renderItem(item)}</li>
))}
</ul>
);
}

// Использование:
<GenericList<number>
items={[1, 2, 3]}
renderItem={(item) => <span>{item}</span>}
/>

Важные моменты:
1. Дженерик указывается после имени компонента
2. Можно использовать в функциональных и классовых компонентах
3. TypeScript автоматически выводит типы при использовании
4. Полезно для компонентов-обёрток (списки, таблицы и т.д.)