1. import React from "react";
    3. interface Item {
    4.   name: string;
    5. }
    7. let list: Item[] = [
    8.   {
    9.     name: "chris",
    10.   },
    11.   { 
    12.     name: "james" 
    13.   },
    14. ];
    16. interface MapList<T> {
    17.   list: T[];
    18.   renderItem: (item: T) => React.ReactNode;
    19. }
    21. function MapList<T>({ list, renderItem }: MapList<T>) {
    22.   return <>{list.map(renderItem)}</>;
    23. }
    25. const App = () => {
    26.   return (
    27.     <>
    28.       <MapList<Item> list={list} renderItem={(item) => <li>{item.name}</li>} />
    29.     </>
    30.   );
    31. };
    33. export default App;