Reactjs 如何翻译核心ui中的菜单导航栏？

我正在使用的管理模板。要转换组件中的标签，我使用react-intl

我想转换navbar，它是一个简单的数组，如下所示：

    export default {
  items: [
    {
        title: true,
        name: 'ESSAI DOM',
    },
    {
        name: 'Schools',
        url: '/schools',
        icon: 'fa fa-university'
    },
.... other items...
  ],  
};

    export default {
  items: [
    {
        name : <FormattedMessage id="Navigation.home" defaultMessage="Home" />,
        url: '/',
        icon: 'fa fa-home'
    },
    {
        name : <FormattedMessage id="Navigation.schools" defaultMessage="Schools" />,
        url: '/schools',
        icon: 'fa fa-university'
    },
  ],  
};

我的翻译是这样的json格式（例如“法语”）：

在本例中，我想写一些如下内容：

    {
     name : some_function(languageId, 'Schools.Schools.title'),
     .....
}

---

我该怎么做呢？

我找到了这样的解决方案：

    export default {
  items: [
    {
        title: true,
        name: 'ESSAI DOM',
    },
    {
        name: 'Schools',
        url: '/schools',
        icon: 'fa fa-university'
    },
.... other items...
  ],  
};

    export default {
  items: [
    {
        name : <FormattedMessage id="Navigation.home" defaultMessage="Home" />,
        url: '/',
        icon: 'fa fa-home'
    },
    {
        name : <FormattedMessage id="Navigation.schools" defaultMessage="Schools" />,
        url: '/schools',
        icon: 'fa fa-university'
    },
  ],  
};

导出默认值{
项目：[
{
姓名：，
url:“/”，
图标：“fa fa home”
},
{
姓名：，
网址：“/学校”，
图标：“法法大学”
},
],  
};

我不知道我们可以在类之外操作React组件