Javascript 错误的表情符号显示
正如你所看到的,我试图在输入端显示与我在表情选项中看到的相同的表情,但当我点击它们时,它们实际上改变了版本,我只能在输入端看到一个旧版本(本机)。我使用的是谷歌Chrome,当我在移动版上打开同一个本地主机时,它会显示我想要的(苹果表情版)。你能帮我吗?非常感谢!:) 我已经从以下位置安装了依赖项: 我打赌它可能会有问题之间的表情玛特和本地,但我不确定Javascript 错误的表情符号显示,javascript,reactjs,chat,emoji,Javascript,Reactjs,Chat,Emoji,正如你所看到的,我试图在输入端显示与我在表情选项中看到的相同的表情,但当我点击它们时,它们实际上改变了版本,我只能在输入端看到一个旧版本(本机)。我使用的是谷歌Chrome,当我在移动版上打开同一个本地主机时,它会显示我想要的(苹果表情版)。你能帮我吗?非常感谢!:) 我已经从以下位置安装了依赖项: 我打赌它可能会有问题之间的表情玛特和本地,但我不确定 const addEmoji = (e: any) => { let emoji = e.native; //e.ap
const addEmoji = (e: any) => {
let emoji = e.native;
//e.apple here doesn't work. Downward I'm gonna show the difference between e.native and e.apple
settextMessage(textMessage + emoji);
};
<li>
<ButtonDropdown
className="emoji-dropdown"
direction="up">
<DropdownToggle
id="emoji"
color="link"
className="text-decoration-none font-size-16 btn-lg waves-effect">
<i className="ri-emotion-happy-line"></i>
</DropdownToggle>
<DropdownMenu className="dropdown-menu-lg-right">
<Picker set="apple" onSelect={addEmoji} />
</DropdownMenu>
</ButtonDropdown>
<UncontrolledTooltip target="emoji" placement="top">
Emoji
</UncontrolledTooltip>
</li>
const addEmoji=(e:any)=>{
让表情符号=e.native;
//e、 这里的苹果不起作用,下面我将展示e.native和e.apple的区别
settextMessage(textMessage+emoji);
};
表情符号
“设置”道具文档:
e、 native(我评论说它可能会收到e.apple,但当我收到时,它没有显示任何内容):
e、 苹果(我想发送的表情符号,而不是旧版本(本机))
如果我错了,有人会纠正我,但我非常确定,不管显示哪个版本,表情符号的编码都是相同的。它的显示方式由系统决定,本机/苹果表情符号没有单独的unicode字符。如果我错了,有人会纠正我,但我非常确定,不管显示哪个版本,表情符号的编码都是相同的。显示方式由系统决定,本机/苹果表情符号没有单独的unicode字符。
npm install emoji-datasource-apple
npm install emoji-datasource-google
npm install emoji-datasource-twitter
npm install emoji-datasource-facebook
const addEmoji = (e: any) => {
let emoji = e.native;
//e.apple here doesn't work. Downward I'm gonna show the difference between e.native and e.apple
settextMessage(textMessage + emoji);
};
<li>
<ButtonDropdown
className="emoji-dropdown"
direction="up">
<DropdownToggle
id="emoji"
color="link"
className="text-decoration-none font-size-16 btn-lg waves-effect">
<i className="ri-emotion-happy-line"></i>
</DropdownToggle>
<DropdownMenu className="dropdown-menu-lg-right">
<Picker set="apple" onSelect={addEmoji} />
</DropdownMenu>
</ButtonDropdown>
<UncontrolledTooltip target="emoji" placement="top">
Emoji
</UncontrolledTooltip>
</li>