react 使用图片 img

1.使用普通的img

render() {
return (
<div>
<img src={require('./images/image.jpg')} alt="Example-Image" />
</div>
);
}

2.使用引入：

<span style="color:#dcc6e0">import</span> HeadImage <span style="color:#dcc6e0">from</span> <span style="color:#abe338">&#39;./fairy.jpeg&#39;</span>;

然后：

<img src={HeadImage} alt="Head Image" />

比较完整的：

import React, { Component } from 'react';
import HeadImage from './fairy.jpeg';
class MyComponent extends Component {
render() {
return (
<div>
<img src={HeadImage} alt="Head-Image" />
</div>
);
}
}
export default MyComponent;