Twilio Flex 网络聊天欢迎消息答案

【问题标题】：Twilio Flex Webchat welcome messageTwilio Flex 网络聊天欢迎消息
【发布时间】：2021-04-13 08:29:10
【问题描述】：

我想更改 Twilio Flex Webchat 的默认 WelcomeMessage。我正在从 npm 包运行网络聊天。下面是我的 webchat-appConfig.js 代码。当我执行它时，网络聊天会加载，但 WelcomeMessage 不会改变。

var appConfig = {
    componentProps: {
        MainContainer: {
            height: '80%'
        },
        MainHeader: {
            showTitle: true,
            titleText: 'Alfredo Prueba',
            imageUrl: '',
        },
        MessagingCanvas: {
            PredefinedMessage: {
                body: 'Funciona',
                authorName: 'Alfredo',
                isFromMe: false,
            },
            memberDisplayOptions: {
                yourDefaultName: 'Tú',
                yourFriendlyNameOverride: false,
            }
        }
    },
};

【问题讨论】：

标签： reactjs twilio twilio-programmable-chat

【解决方案1】：

您需要覆盖PredefinedMessage。

您可以通过以下方式执行此操作：

配置对象中的componentProps 部分，或
defaultProps API，在你的情况下是FlexWebChat.MessagingCanvas.defaultProps.predefinedMessage

【讨论】：

它不适用于 componentProps。编辑的是我的 componentProps 配置。它应该显示一条消息：“Funciona”，而是发送标准的欢迎消息。
@A.Asensio 您的示例代码显示PredefinedMessage，但属性应为predefinedMessage，带有小写“p”。
仍然无法使用 'predefinedMessage'

【解决方案2】：

在我的情况下，它与defaultProps一起工作

这是我使用的：Twilio.FlexWebChat.MessagingCanvas.defaultProps.predefinedMessage.body = "Your Welcome Message";

【讨论】：