reactjs - 反应国际返回[对象对象]

Question

我正在尝试使用 react intl 来翻译我网站的页面。Github

json 语言：

fr.json : 
{
    "errorPage.title": Erreur 404"
}

en.json : 
{
    "errorPage.title": Error 404"
}

我的 js 文件里有这个

const title = <FormattedMessage id="errorPage.title" defaultMessage="Erreur 404" />

document.title = title;

在我的标题页上返回这个 [object Object]

我该怎么办？谢谢 ！

标签： reactjsinternationalizationreact-intl

Answer 1

由于密钥包含 . 您需要访问密钥的符号

object["errorPage.title"]

此外，您发布的 json 键值开头缺少双引号

您需要执行以下操作才能使其正常工作

const object = {
     "errorPage.title": "Error 404"
}

const title = object["errorPage.title"];
document.title = title;