React不会加载图像

Question

我正在建立一个react博客，但我的图片无法加载。它在console - src\components\BlogPost\index.js中显示此消息

  Line 21:11:  Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom words) in the alt prop  jsx-a11y/img-redundant-alt. 

我的消息来源：

const BlogPost = (props) => { 
  return( 
  <div className="blogPostContainer"> 
    <Card> 
      <div className="blogHeader"> 
        <span className="blogCategory">Featured</span> 
          <h1 className="postTitle">..</h1> 
        <span className="postedBy">..</span> 
      </div> 
     <div className="postimageContainer"> 
        <img src={require('../../blogPostimages/memories-from.jpg')} alt="Post image" /> 
     </div> 
    </Card> 
   </div> )
 }

请帮帮忙。谢谢。

Answer 1

<img src="example" aria-hidden alt="Picture of me taking a photo of an image" /> 

添加"aria-hidden“

Answer 2

1. 冗余alt属性警告不会阻止图像加载。这意味着在你的图像中有一个无意义的alt。alt属性对于辅助功能非常有用，如果下载失败，该属性必须描述图像。

对图像使用准确的描述，或者对背景和装饰使用alt=""。

1. 加载错误可能是由导入错误引起的。检查图像路径、名称和位置。下面是图像导入的示例。

import logo from '../static/logo.png';

export default function Navbar() {
  return (
    <img src={logo} alt='website logo' />
  )
}