React 引入 本地图片 img

React 引入 本地图片 img

1- 在react框架中不能直接引入< img />标签

2- 在此提供一种最简单的引入图片的方法，这适用于以下文件扩展名：bmp，gif，jpg，jpeg和png。SVG文件被排除在外

import {AdminDiv} from './style'

import Pic from './assets/welcome.jpg'

class Admin extends Component {
    render() {
        return (
            <AdminDiv>
                <img src={Pic} alt="pic"></img>
            </AdminDiv>
        )
    }
}
export default Admin

【注意】< img />必须加属性 alt="" ，否则会出现如下报错：$ img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text