使用 TypeScript 导入图片到 React

在 React 项目中，可能需要在页面中展示图片。要在 TypeScript 中导入图片，可以使用以下步骤：

1. 在项目中创建一个名为 assets 的文件夹，用于存放图片文件。

2. 将要使用的图片文件放入 assets 文件夹中。

3. 在 TypeScript 文件中导入图片文件。

   import myImage from '../assets/my-image.png';
   

   这里假设图片文件名为 my-image.png。

4. 在组件中使用导入的图片。

   import React from 'react';
   
   import myImage from '../assets/my-image.png';
   
   function MyComponent() {
     return (
       <div>
         <img src={myImage} alt="My Image" />
       </div>
     );
   }
   
   export default MyComponent;
   

   注意，这里使用了 src 属性将图片作为 URL 引用了进来。

以上就是在 TypeScript 中导入图片的简单步骤，希望对您有所帮助！