react 如何引入图片
时间: 2023-10-05 09:14:55 浏览: 80
后端部分引入图片1
你可以使用 `import` 语句来引入图片,然后在 `render` 方法中使用 `img` 标签来展示图片。
以下是一个简单的示例:
```
import React from 'react';
import myImage from './myImage.jpg';
function MyComponent() {
return (
<div>
<img src={myImage} alt="My Image" />
</div>
);
}
export default MyComponent;
```
在这个示例中,我们首先使用 `import` 语句引入了一个名为 `myImage` 的图片。然后在 `render` 方法中,我们使用 `img` 标签来展示这张图片,并将 `src` 属性设置为 `myImage` 变量,显示图片的描述则使用 `alt` 属性。
阅读全文