i18next 渲染 JSON 数组

Question

我想渲染一个 JSON 数组

{"myArray": [ {"name": "Steve"}, {"name": "Tom"} ]}

在两个 HTML 中span：

<span data-i18n="...">Steve should appear here<span>
<span data-i18n="...">Tom should appear here<span>

我应该设置什么值data-i18n来实现这一目标，或者您可以推荐其他方法吗？

Answer 1

如果您提到的 JSON 数组是资源文件的一部分（通常是translation.json），那么您可以使用数组的索引来引用数组的元素，就像引用对象属性一样。

对于您的示例，以下 HTML 将显示您在调用时所期望的内容i18n()：

<span data-i18n="myArray.0.name"><span>
<span data-i18n="myArray.1.name"><span>