Javascript 如何在nextjs应用程序中实现动态多语言Recaptcha v2？

我正在使用next.js处理我页面上的翻译

我正在使用google recaptcha，但是如果更简单的话，我可以不用这个软件包来使用它

当用户想要更改语言时，我们有一个语言选择下拉列表，我们调用

props.i18n.changeLanguage（newLanguage）

来更新语言

示例代码。问题是，即使语言发生了变化，recaptcha也不会改变

import React from 'react';
import PropTypes from 'prop-types';
import ReCAPTCHA from 'react-google-recaptcha';

export default class RecaptchaWrapper extends React.Component {
  static propTypes = {
    language: PropTypes.string.isRequired
  };

  render() {
    const { language } = this.props;
    if (!language) {
      return null;
    }

    return <ReCAPTCHA hl={language} sitekey="secret" onChange={() => {}} />;
  }
}

从“React”导入React；
从“道具类型”导入道具类型；
从“react google ReCAPTCHA”导入ReCAPTCHA；
导出默认类RecaptchaWrapper扩展React.Component{
静态类型={
语言：PropTypes.string.isRequired
};
render（）{
const{language}=this.props；
如果（！语言）{
返回null；
}
返回{}}/>；
}
}