如何使用emoji mart在textarea中设置emoji的简码？

Question

我的项目使用javascript。我刚刚看到了表情符号集市，并且我在响应中创建了一个表情符号选择器，然后进行编译并注入到我的应用程序中。我按预期正确渲染。现在，我遇到了一个问题，例如单击emoji商店中的emoji时，如何将其设置为我的文本区域。请帮我。下面我附上了一个屏幕截图。

Answer 1

我是按照本教程https://medium.com/@allegra9/add-emoji-picker-to-your-react-chat-app-30d8cbe8d9a6做到的。

它是这样的：

datepicker-moment.service.ts

Answer 2

您可以使用本机简化

addEmoji = emoji => {
  this.setState({
     content: `${this.state.content}${emoji.native}`
  });
}

Answer 3

您可以尝试以下操作：

const [input, setInput] = useState("");
<Picker set="apple" emojiSize={34} showPreview={false} color={"#009688"} onSelect={emoji => setInput(input + emoji.native)}
<form>
    <input value={input} onChange={e => setInput(e.target.value)} placeholder="Type a message" type="text"/>
    <button onClick={sendMessage} type="submit"> Send a message</button>
</form>