如何使用react-chat-elements 在消息中添加自定义元素？

Question

我目前正在尝试在显示消息之前在消息上放置一个加载图标。如果可能的话，我在文档中找不到任何地方，或者如果可以的话，如何做到这一点。

这是我当前拥有的 JSX，但是道具中没有自定义属性，我可以获取元素的 svg，然后将其显示为照片消息，作为最后的手段，但我更愿意这样做更容易更灵活方式。

<MessageList
  dataSource={[{
    position: "left",
    type: 'text',
    title: '',
    custom: <IonSpinner name="dots"></IonSpinner>,
  }]}
/>

Answer 1

根据这个thread，我可以只使用文本属性，因为它可以支持JSX以及字符串。

<MessageList
  dataSource={[{
    position: "left",
    type: 'text',
    title: '',
    text: <IonSpinner name="dots"></IonSpinner>,
  }]}
/>