javascript 如何在Reactjs中使用API翻译文本

n6lpvg4x  于 2023-01-19  发布在  Java
关注(0)|答案(1)|浏览(134)

我正在与Reactjs和使用Nextjs,现在我有按钮“翻译”,我想每当我们点击“翻译”按钮,然后文本(英语)应转换为“阿拉伯语”,为此我使用“翻译谷歌API”,但我得到“错误:网络错误””,我尝试使用以下代码

const changelanguage = async() => {
    const result = await translate(`I'm fine.`, {
        tld: "cn",
        to: "vi",
      });
      console.log('language result is '+result);
};
 return(
 <button onClick={() => changelanguage()} >Translate</button>
 )
klsxnrf1

klsxnrf11#

您看到的“错误:网络错误”可能是由于您尝试访问的API终结点出现问题。这可能是由多种原因导致的,例如API服务器出现问题、Internet连接出现问题或您正在使用的API密钥出现问题。
一个可能的解决方案是检查您是否有正确的API端点URL和API密钥。另外,需要注意的是,大多数翻译API都有使用限制和请求限制,您可能已经达到了使用限制。
另一个可能的问题是,您正在从客户端JavaScript应用程序(如ReactJs)发出请求,而API要求发出服务器端请求。这是因为API密钥必须保密,不应在客户端代码中公开。要解决此问题,您可以使用服务器端代理代表客户端应用程序发出翻译请求。
您还可以尝试在API请求周围添加一个try-catch块,并记录错误消息,以查看有关导致错误的原因的更多详细信息。

const changelanguage = async() => {
    try {
        const result = await translate(`I'm fine.`, {
        tld: "cn",
        to: "vi",
        });
        console.log('language result is '+result);
    } catch (error) {
        console.log(error)
    }
};

最好查阅您正在使用的API的文档,看看是否有您应该采取的特定故障排除步骤。

相关问题