后端开发教程 - Java、Spring Boot 实战 - msg200.com
😃 在 React App 中的输入字段中添加表情符号选择器 [简单方法]。
😯 向您的 React 应用添加表情符号选择器的简单且最简单的方法。
表情符号如今已成为我们沟通中不可或缺的一部分，我们实在无法承受将其从应用程序中移除。它们为我们在日常互动中表达自我的方式增添了新的维度，而这在纯文字沟通中是难以实现的🤪。
▶️ 如何向你的 React App 添加表情符号选择器。
我认为使用react-input-emoji是最好的解决方案。
- React InputEmoji提供了一种简单的方法，让输入元素支持表情符号选择器。点击输入字段旁边的选择器按钮，然后从弹出窗口中选择一个表情符号。搞定！
💠 让我们结账吧......
步骤 1：安装
您可以在 npm 上获取它。npm install react-input-emoji --save
步骤 2：使用
安装后导入 react-input-emoji 组件以使用表情符号显示您的输入。
import React, { useState } from 'react'
import InputEmoji from 'react-input-emoji'
export default function Example () {
const [ text, setText ] = useState('')
function handleOnEnter (text) {
console.log('enter', text)
}
return (
<InputEmoji
value={text}
onChange={setText}
cleanOnEnter
onEnter={handleOnEnter}
placeholder="Type a message"
/>
)
}
输出⏬。
点击此处了解更多详情。
🙏请在评论区分享你对此的宝贵意见。
别忘了点赞和订阅，继续关注😉。