react render的时候:

Line <span style="color:#f5ab35">17</span>:<span style="color:#f5ab35">13</span>:  Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don&rsquo;t need to use the words `image`, `photo,` or `picture` (<span style="color:#f5ab35">or</span> any specified custom words) in the alt prop  jsx-a<span style="color:#f5ab35">11</span>y/img-
redundant-alt

是因为使用了image字样在img里:

这样是不对的:

<span style="color:#ffa07a">&lt;</span><span style="color:#ffa07a">img</span><span style="color:#ffa07a"> </span><span style="color:#ffa07a">src</span><span style="color:#ffa07a">=</span><span style="color:#abe338">{HeadImage}</span><span style="color:#ffa07a"> </span><span style="color:#ffa07a">alt</span><span style="color:#ffa07a">=</span><span style="color:#abe338">&quot;Head Image&quot;</span><span style="color:#ffa07a"> /&gt;</span>

需要修改为:

&lt;img src={HeadImage} alt=&quot;Fairy Avatar&quot; /&gt;

 

alt
属性中避免使用 "image"、"photo"、"picture" 或任何其他指定的自定义词语,因为屏幕阅读器已经会自动将
img
标签读作图片。