代码之家 › 专栏 › 技术社区 › Evanss

创建React应用程序jsx-a11y/accessible emoji警告不会消失

create-react-app emoji

Evanss · 技术社区 · 6 年前

jsx-a11y/accessible-emoji 使用emojis创建React应用程序时发出警告。

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

const EmojiWrap = props => {
  return (
    <span role="img" aria-label="sheep">
      {props.children}
    </span>
  );
};

<EmojiWrap>ð</EmojiWrap>

我认为这应该是有效的,那么这可能是eslint/create react应用程序的错误吗?

aria-hidden="true"

1 回复 | 直到 6 年前

Paul M Edwards 5 年前

添加 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" />
    )
}

Evanss 6 年前

不理想,但您可以通过将以下内容添加到文件来禁用警告:

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

推荐文章

M - · 为什么两个相同的表情符号不相等?

2 年前

Baraphor · 在游戏中正确添加表情符号

7 年前

sirdan · 如何在JLabel中获得带有颜色的表情符号

7 年前

sheldonzy · 文字和表情符号计数器

7 年前

Rudey Mike M. · 如何将两个字母的国家代码转换为标志符号?

7 年前

nestalgia · 如何从UTF-8文件中检索原始字符串?

7 年前

ProgrammerGirl · 在PHP 5.3中,如何将表情符号转换为各自的HTML代码实体?

7 年前

C1710 · EmojiCompat的自定义字体

7 年前

Dmytro Rostopira · EmojiAppCompativeText不显示空格

7 年前

Tushar Rai · 表情符号在我的AngularDart项目中不呈现颜色

7 年前