tencent cloud

  // language support en-US / zh-CN / ja-JP / ko-KR
  <UIKitProvider language={'en-US'}>...</UIKitProvider>

import React, { useState } from 'react';
import { UIKitProvider } from '@tencentcloud/chat-uikit-react';

// language support en-US / zh-CN / ja-JP / ko-KR
const languageList = ['en-US','zh-CN','ja-JP','ko-KR']

export default function SampleChat() {
  // language setting
  const [currentLanguage, setCurrentLanguage] = useState('en-US');
  const changeLanguage = (language) => {
    setCurrentLanguage(language);
  };
  
  return (
    // select language
    // <div @click="changeLanguage('en-US')">English</div>
    <UIKitProvider language={currentLanguage}>
      ...
    </UIKitProvider>
  );
}

import { useTranslation } from 'react-i18next';
const { t } = useTranslation();

<p className="tui-contacts-list-title">{t('TUIContact.New Contacts')}</p>