使用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没有定义。

如何在反应应用程序中使用谷歌翻译器？ 也有翻译整个网站的任何npm包吗？

感谢

Answer 1

移动你的谷歌翻译脚本到你的项目的根index.html。易

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

解决了这个问题：

然而，你应该在你想要的位置留给下面的代码。