使用Typescript和React，我们可以轻松地渲染一个由无状态功能组件组成的数组。无状态功能组件是一种简单的组件类型，它们只接收属性并返回渲染的内容，没有内部状态或生命周期方法。这使得它们易于编写和测试，并且在性能方面也有一些优势。

tsx
import React from 'react';
type ListProps = {
  items: string[];
};
const List: React.FC = ({ items }) => {
  return (
    
      {items.map((item, index) => (
        
{item}
      ))}
    
  );
};
export default List;

tsx
import React from 'react';
import List from './List';
const App: React.FC = () => {
  const items = ['Apple', 'Banana', 'Orange'];
  return (
    
      
My List
      
    
  );
};
export default App;