React-hook-form + React-i18n = 翻译不工作

Question

希望你们一切都好，我有一个包含很多字段的对象 {valueA: "a", valueB: "b", ... }，而不是全部写成 setter，你知道：

const [valueX, setValueX] = useState(data.valueX?data.valueX:"")

我一直在寻找一些懒惰的解决方案，所以我找到了 react-hook-form 所以，这是我的代码

<form onSubmit={handleSubmit(onSubmit)}>
 <Grid container spacing={2}>
  {Object.keys(data).map((key) => (
    <Grid item xs={10} sm={6} md={3} lg={2} key={key}>
      <TextField
       label={t(`docsInfo.${key}`)}
       name={key}
       defaultValue={data[key]}
       variante="outlined"
       {...register(key)}
      />
     </Grid>
    ))}
   </Grid>
   <Grid mt={2}>
    <Button
     variant="contained"
     endIcon={<UpgradeIcon />}
     type="submit"
    >
     Update
    </Button>
  </Grid>
</form>

代码工作正常，它生成所有字段和 label 第一种语言 (en) 但是当我点击第二种语言 (jp) 时没有任何反应 (T_T)

我已经检查了我的代码以确保我的问题不是我遗漏的问题，但可以发现任何错误。

翻译模块在我的应用程序的上下文中参考 this

你知道如何解决我的问题吗？

谢谢...

Answer 1

您确定已经为翻译创建了变量吗？

React-hook-form + React-i18n = 翻译不工作

React-hook-form + React-i18n = translation not working

reactjs

react-i18next

react-hook-form