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就得不到值;

在页面打印也是成功的?

那里有问题吗?

阅读 4.1k
1 个回答

可以这样写

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题