tencent cloud

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

import React, { useState } from 'react';
import { TUIKit } 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: string) => {
    setCurrentLanguage(Language);
  };
  
  return (
    // select language
    // <div @click="changeLanguage('en-US')">English</div>
    <TUIKit language={currentLanguage}></TUIKit>   
  )
}

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

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