jsx-a11y/media-has-caption 的 eslint 问题

Question

我有一个音频文件，我正在从 contentful 中查询，但我没有显示数据，而是不断收到此 eslintrule 弹出窗口，它是一个音频文件，因此没有字幕。有没有办法禁用它或正确禁用它？

这是代码

{data.allContentfulPodcast.edges.map(video => 
          <div>
          <audio key={video} src={video.node.video.file.url}/>
         
         
          </div>
          )}

Answer 1

您可以通过在顶部添加此注释来禁用文件的该规则：

/* eslint-disable jsx-a11y/media-has-caption */

Answer 2

如果您不想完全禁用该规则，您也可以具体地，仅针对该特定行禁用该规则：

<div>
  /* eslint-disable-next-line jsx-a11y/media-has-caption */
  <audio key={video} src={video.node.video.file.url}/>
</div>