当提供的文件没有标题时禁用或覆盖 jsx-a11y/media-has-caption

Question

我有一个音频文件，我正在从内容中查询，但我没有显示数据，而是不断收到此 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>