react @符号_React表情符号选择器

react @符号

When emojis first hit the web scene I rolled my eyes -- they seemed like a lame communication method for giggling kids.  After years more experience working remotely, managing open source communities, and communicating with people that may not get my sense of humor, I've realized that emojis go a long way in representing the tone of comment.  Emojis have a way of bringing levity to any online comment or debate, most notably seen to me on GitHub pull requests and issue comments.

当表情符号第一次出现在网络上时,我翻了个白眼-对于傻笑的孩子来说,它们似乎是一种la脚的交流方式。 经过多年在远程工作,管理开放源代码社区以及与可能不引起我幽默感的人进行交流的经验之后,我意识到表情符号在表达评论的语调方面大有帮助。 表情符号可以使在线评论或辩论更加生动有趣,在我的GitHub拉取请求和评论中最常见。

There's an amazing React library out there called Emoji Mart; Emoji Mart is a highly customizable emoji popup widget that allows you to very easily add an emoji UI to any React project!

有一个很棒的React库,叫做Emoji Mart ; Emoji Mart是一个高度可定制的emoji弹出窗口小部件,可让您轻松地将emoji界面添加到任何React项目!

React Emoji

Let's have a look at a few of the customization options of Emoji Mart:

让我们看一下Emoji Mart的一些自定义选项:


import 'emoji-mart/css/emoji-mart.css'
import { Picker } from 'emoji-mart'
 
<Picker set='emojione' />
<Picker onSelect={this.addEmoji} />
<Picker title='Pick your emoji…' emoji='point_up' />
<Picker style={{ position: 'absolute', bottom: '20px', right: '20px' }} />
<Picker i18n={{ search: 'Recherche', categories: { search: 'Résultats de recherche', recent: 'Récents' } }} />


Online communities thrive on the ability to communicate effectively, and when you consider language barriers and sense of humor, emojis are no laughing matter.  Emoji Mart is easy to implement and was reliable during all of my testing!

在线社区依靠有效的沟通能力而兴旺发达,而当您考虑语言障碍和幽默感时,表情符号绝非易事。 Emoji Mart易于实施,并且在我进行的所有测试中都很可靠!

翻译自: https://davidwalsh.name/react-emoji-picker

react @符号

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值