TypeScript: дженерики в реальных проектах

1interface ListProps<T> {
2  items: T[];
3  renderItem: (item: T) => React.ReactNode;
4}
5
6function List<T>({ items, renderItem }: ListProps<T>) {
7  return <div>{items.map(renderItem)}</div>;
8}

1function useFetch<T>(url: string) {
2  const [data, setData] = useState<T | null>(null);
3  useEffect(() => {
4    fetch(url).then(r => r.json()).then(setData);
5  }, [url]);
6  return data;
7}

1function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
2  return obj[key];
3}