首页 > 解决方案 > 如何更改 Twilio Flex 网络聊天客户端中的文本“与我们聊天”?

问题描述

我正在尝试更改标题窗格中的文本和默认情况下都显示“与我们聊天”的聊天图标标注。我怎么做?我在文档中找到了两种方法,但都没有。 twilio flex 网络聊天客户端的图像

Twilio flex 网络聊天客户端

标签: twiliotwilio-flex

解决方案


Twilio 开发人员布道者在这里。

您需要为componentProps要更新的组件设置 。

在这种情况下,您正在更改组件titleText的,因此您需要将其格式化为对象。MainHeader

var appConfig = {
  // other config
  componentProps: {
    MainHeader: {
      titleText: 'Chat with us now!'
    }
  }
}

componentProps除非您复制并合并现有对象,否则这可能会覆盖所有默认值。为避免这种情况,您还可以在 Flex 中使用 React 默认 props API。要改变MainHeader titleText它看起来像这样:

FlexWebChat.MainHeader.defaultProps.titleText = 'Chat with us now by default!';

您可以在设置FlexWebChat对象的组件中使用它。

可在此处的 Flex 网络聊天文档中查看所有可更改的组件和道具。

让我知道这是否有帮助。


推荐阅读