- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我一直在用 React 开发一个小游戏,游戏的一部分允许玩家在开始之前设置一些设置。这是一款回合制标签游戏,四名玩家在 map 上追逐不同的标记,同时避开标记为“it”的玩家。
我有以下用于选择选项的渲染方法:
render() {
return (
<div>
<form onSubmit={this.createPlayers} ref="form">
<label htmlFor="goodies">Choose a Goody!</label>
<select name="goodies" id="goodies">
<option value="donut">🍩</option>
<option value="cookie">🍪</option>
<option value="hotdog">🌭</option>
<option value="bacon">🥓</option>
<option value="hamburger">🍔</option>
<option value="brocolli">🥦</option>
</select>
<button type="submit">Play!</button>
</form>
</div>
);
}
我收到一个很大的警告,说我需要将它们包装在 span 元素中,添加一些 aria 标签并给它们一个错误的 Angular 色。
Line 18: Emojis should be wrapped in <span>, have role="img", and have an accessible description with aria-label or aria-labelledby jsx-a11y/accessible-emoji
我这样做了,然后 JSX 拒绝编译,因为它期望每个选项都有一个字符串。它不会让我在选项标签之间放置一个跨度。
我真的很想让这个警告消失,但是当我尝试执行它要求的操作时,JSX 无法编译。我必须做些什么才能在没有警告的情况下完成这项工作吗?
问题是,我在别处使用了表情符号,但没有收到任何警告或任何问题。
最佳答案
加入选择<span role="img" aria-label="xxxxx">
像这样
<select name="goodies" id="goodies">
<option value="donut">
<span role="img" aria-label="donut">🍩</span>
</option>
....
</select>
关于javascript - React,在下拉菜单中使用表情符号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54565516/
我遇到了 Handlebars 表达式 {{!< default}}我不明白。在问这个问题之前,我曾尝试在谷歌上搜索答案。但是,我找不到任何答案。谁能解释一下这个表达式是什么意思? 最佳答案 在 Ha
经常有朋友问起,如何在im即时通讯中实现发送图片、视频、语音和表情? 为此,小编特意写了一个vue版本的demo,实现了图片视频文件和表情的的发送,参考这个demo源代码,相信你就可以轻松的用un
这里是一个网站 ( https://twitchemotes.com/apidocs ),它展示了一个用于获取 twitch 表情的 API(基本上是描述属于不同用户的一组图像的 json)。 API
使用 Python 3,像下面这样的简单脚本应该按预期运行,但似乎会因 unicode 表情字符串而窒息: import re phrase = "(╯°□°)╯ ︵ ┻━┻" pattern = r
我试图弄清楚表情符号(表情)选择是如何在 Facebook 应用和 Google Hangouts 应用上实现的。我查看了 Android API 示例中的 SoftKeyboard 演示应用程序,但
我正在尝试在 android 通知文本中显示笑脸(或图像范围)。它不起作用。有人知道怎么做吗?谢谢。 代码如下: SpannableStringBuilder builder = new Spanna
我是一名优秀的程序员,十分优秀!