React中img直接引入图片不显示

1、针对 <img src='../assets/doc/PDF.png'> 直接引入写法报错：

浏览器报错图片

2、解决代码如下：

<img src={ require('../assets/doc/PDF.png').default } 

3、引入动态图片：

<img src={ require(`../assets/doc/${i.docExt.toUpperCase()}.png`).default }

4、添加默认图片：

<img 
    src={ require(`../assets/doc/${i.docExt.toUpperCase()}.png`).default }
     onError={(img) => {
         img.target.src = Logo;
         img.onerror = null;
     }
}
/>

5、若 eslint 报错 require is not deined, 需在 .eslintrc.js 文件中配置：

'env': {
     node: true
}