reactjs - Twilio Flex 网络聊天欢迎消息

Question

我想更改 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,
            }
        }
    },
};

标签： reactjstwiliotwilio-programmable-chat

Answer 1

您需要覆盖PredefinedMessage.

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

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