Google 번역을 사용하여 사이트 다국어 지원하기 React js

Question

간단한 html 프로젝트의 경우이 링크를 간단하게 참조 할 수 있습니다. https://www.w3schools.com/howto/howto_google_translate.asp

하지만에서 구현하기 위해 노력하고있어

는 응용 프로그램을 반응한다. 그래서 나는 반응 애플 리케이션에서 코드를 복제 할 수 없습니다.

componentDidMount() { 
    googleTranslateElementInit(() => { 
    new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); 
    }); 
    const script = document.createElement("script"); 
    script.src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"; 
    script.async = true; 
    document.body.appendChild(script); 
} 

렌더링 요소를 반환하십시오.

render() { 
    return (
     <div id="google_translate_element"></div> 
    ); 
    } 

Google에서 googleTranslateElementInit이 정의되지 않았다는 오류가 표시됩니다.

반응 앱에서 Google 번역기는 어떻게 사용할 수 있습니까? 또한 전체 사이트를 번역 할 수있는 npm 패키지가 있습니까?

감사

Answer 1

는 구글 프로젝트의 루트 index.html에 스크립트를 번역 이동

.

그러나, 당신은 당신의 원하는 위치에 아래 코드를 떠나야한다 :

render() { 
    return (
     <div id="google_translate_element"></div> 
    ); 
    } 

수정 문제를 쉽게.