Как изменить текст «Общайтесь с нами» в клиенте веб-чата Twilio Flex?

Question

Я пытаюсь изменить текст в области заголовка и выноску значка чата, который по умолчанию говорит "Общайтесь с нами".Как мне это сделать?Я нашел два способа в документации, и ни один из них не работает.

Answer 1

Twilio developer evangelist здесь.

Вам необходимо установить componentProps для компонента, который вы пытаетесь обновить.

В этом случае вы изменяете titleTextMainHeader component , поэтому вам нужно отформатировать его как объект.

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

Хотя это может перезаписать все значения по умолчанию componentProps, если только вы не скопируете и не объедините существующий объект.Чтобы избежать этого, вы также можете использовать React API props по умолчанию в Flex .Чтобы изменить MainHeader titleText, который будет выглядеть следующим образом:

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

Вы можете использовать это в компоненте, в котором вы устанавливаете объект FlexWebChat.

Всекомпоненты и реквизиты, доступные для изменения, можно увидеть в документации по веб-чату Flex здесь .

Дайте мне знать, если это поможет.