Javascript 如何使用表情符号集市在textarea中设置表情符号的短码？

我的项目是用javascript编写的。我刚刚看到了表情集市，我在react中创建了一个表情选择器，然后传输并注入到我的应用程序中。我按预期正确渲染。现在，我有一个问题，比如在表情符号集市中点击表情符号，如何将该表情符号设置到我的文本区域。请帮帮我。下面我附上了一个屏幕截图

---

我是按照本教程完成的

这就是它的样子：

addEmoji = e => {
    console.log(e)
    let sym = e.unified.split('-');
    let codesArray = [];

    sym.forEach(el => codesArray.push('0x' + el));
     //console.log(codesArray)  // ["0x1f3f3", "0xfe0f"]
    let emojiPic = String.fromCodePoint(...codesArray); //("0x1f3f3", "0xfe0f")

    this.setState({
         content: `${this.state.content}${emojiPic}`
    });
}

---

你可以用native简化它

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

---

我想你的表情符号是图像，在这种情况下，只需在结果文本中添加一个内联。或者像discord/github一样添加：smiley:在渲染时被图像替换。当你在集市中单击表情符号时，你会得到哪些信息？拥有代码片段将帮助我们帮助您