Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 错误的表情符号显示_Javascript_Reactjs_Chat_Emoji - Fatal编程技术网

Javascript 错误的表情符号显示

Javascript 错误的表情符号显示,javascript,reactjs,chat,emoji,Javascript,Reactjs,Chat,Emoji,正如你所看到的,我试图在输入端显示与我在表情选项中看到的相同的表情,但当我点击它们时,它们实际上改变了版本,我只能在输入端看到一个旧版本(本机)。我使用的是谷歌Chrome,当我在移动版上打开同一个本地主机时,它会显示我想要的(苹果表情版)。你能帮我吗?非常感谢!:) 我已经从以下位置安装了依赖项: 我打赌它可能会有问题之间的表情玛特和本地,但我不确定 const addEmoji = (e: any) => { let emoji = e.native; //e.ap

正如你所看到的,我试图在输入端显示与我在表情选项中看到的相同的表情,但当我点击它们时,它们实际上改变了版本,我只能在输入端看到一个旧版本(本机)。我使用的是谷歌Chrome,当我在移动版上打开同一个本地主机时,它会显示我想要的(苹果表情版)。你能帮我吗?非常感谢!:)

我已经从以下位置安装了依赖项:

我打赌它可能会有问题之间的表情玛特和本地,但我不确定

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>