i18next渲染JSON陣列

Question

我想在這兩個HTML渲染JSON陣列

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

span S：

<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>