twilio - 如何更改 Twilio Flex 网络聊天客户端中的文本“与我们聊天”？

Question

我正在尝试更改标题窗格中的文本和默认情况下都显示“与我们聊天”的聊天图标标注。我怎么做？我在文档中找到了两种方法，但都没有。

Answer 1

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 网络聊天文档中查看所有可更改的组件和道具。

让我知道这是否有帮助。