创建React App jsx-a11y / accessible-emoji警告不会消失

Question

我使用表情符号从Create React App收到let asset = AVAsset(url: urlToCompress); let duration = asset.duration let durationTime = CMTimeGetSeconds(duration) 警告。

为解决这个问题，我尝试制作具有可访问性要求的组件，但是我仍然收到警告：

let timeStamp = CMSampleBufferGetPresentationTimeStamp(sample!)
let timeSecond = CMTimeGetSeconds(timeStamp)
let per = timeSecond / durationTime
print("Duration --- \(per)")
DispatchQueue.main.async {
    self.progress.progress = Float(per)
}

我相信这应该可行，所以这可能是eslint的错误/创建react app吗？

我也尝试使用jsx-a11y/accessible-emoji

Answer 1

不太理想，但是您可以通过将警告添加到文件中来禁用警告：

/* eslint-disable jsx-a11y/accessible-emoji */

Answer 2

我找到的最佳解决方案是Sean McPherson's a11y-react-emoji Component。

将a11y-react-emoji添加到您的项目：

npm install a11y-react-emoji
# or
yarn add a11y-react-emoji

导入表情符号组件并使用它：

import Emoji from 'a11y-react-emoji';

function EmojiExample() {
    return (
        <Emoji symbol="?" label="sheep" />
    )
}

Sean和his article on Medium的全部功劳。