react.js - react-intl FormattedMessage获取不到二级属性的问题；

问题描述

问 题

用微软的react-intl做国际化双语；
用到FormattedMessage 发现它的Id不能获取二级属性的问题？
请大神指教：
代码如下：
国际化中文：

const zh_CN = {
            hello:"你好"，
            home:{
                page:"页面"
            }
            
        }
export default zh_CN;

组件代码：

<FormattedMessage
    id='home.page'
    defaultMessage='my page'
    />

就是这里有问题：

id='home.page'

我获取zh_CN的hello属性就可以，但是获取home.page就得不到值；

在页面打印也是成功的？

那里有问题吗？

解决方案

可以这样写

const zh_CN = {
            hello:"你好"，
            "home.page": "页面",
        }

因为 react-intl 不支持, 多层json

这篇关于react.js - react-intl FormattedMessage获取不到二级属性的问题；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！