javascript - 表格左侧的语言更改按钮

Question

我有一个看起来像这个网页的小型网络应用程序

这也是沙箱的链接（https://codesandbox.io/s/eager-kalam-v1lpg）

所有页面字段名都是从单个字典中加载的。问题是：如何在单击按钮时更改此页面语言（从另一个字典重新加载）？按钮最好位于页面的左上角（不是表单）

标签： javascriptreactjs

Answer 1

将整个应用程序包装在React.Context包含当前语言的文件中，并根据所选语言键从自定义挂钩返回已翻译字符串的字典。这是一个简单的例子。