首页 > 解决方案 > 在 VirtualizedMessageList 组件中显示 emojis / reactios

问题描述

在 getStream.io 中,如何在消息上显示表情符号

我已经检查了VirtualizedMessageList的文档及其属性,但找不到合适的解决方案。

const App = () => {

  useEffect(() => {
    const initChat = async () => {
      const client = StreamChat.getInstance(process.env.API_KEY);
      await client.disconnectUser()
      await client.connectUser({ id: userName }, _token);
    };

    initChat();
  }, []);


  return (
    <Chat client={chatClient} theme='livestream dark'>
      <Channel channel={channel}>
        <Window>
          <ChannelHeader live />
          <VirtualizedMessageList />
          <MessageInput Input={MessageInputSmall} focus />
        </Window>
      </Channel>
    </Chat>
  );
};

export default App

在此处输入图像描述

因此,从上图中,我想只显示表情符号支持而不发送任何输入值。

标签: reactjsgetstream-io

解决方案


推荐阅读