Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何解析react-i18next中的对象列表?_Reactjs_React I18next - Fatal编程技术网

Reactjs 如何解析react-i18next中的对象列表?

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

我有一个JSON文件,其结构如下:

{
  "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});