Reactjs 如何解析react-i18next中的对象列表?
我有一个JSON文件,其结构如下:Reactjs 如何解析react-i18next中的对象列表?,reactjs,react-i18next,Reactjs,React I18next,我有一个JSON文件,其结构如下: { "topPart": { "title": "Hello", "list": [ "Test1", "Test2", "Test3", "Test4" ] } } 我可以通过执行以下操作在我的应用程序中调用title: const [t] = useTranslation("main"); //some code <h1>{t('topPart.title')
{
"topPart": {
"title": "Hello",
"list": [
"Test1",
"Test2",
"Test3",
"Test4"
]
}
}
我可以通过执行以下操作在我的应用程序中调用title
:
const [t] = useTranslation("main");
//some code
<h1>{t('topPart.title')}</h1>
const[t]=useTranslation(“main”);
//一些代码
{t('topPart.title')}
但是,如果我试图获取翻译列表,则以下结构不起作用:
const [t] = useTranslation("main");
//some code
<ul>
{t('topPart.list').map((item, index) => {
return(
<li key={index}>{item}</li>
)
})}
</ul>
const[t]=useTranslation(“main”);
//一些代码
{t('topPart.list').map((项,索引)=>{
返回(
- {item}
)
})}
答案很简单:
使用{returnObject:true}
t('topPart.list', {returnObjects: true});