JSON-файл с именем navigations.json
:
{
"sidenav.dashboard": "Dashboard",
"sidenav.profile": "Profile",
"sidenav.account": "Account",
}
Используется в JS-файле:
import i18n from '../../../i18n'
export const driverItems = [
{
link: '#',
icon: <Edit stroke="#ffffff" />,
text: i18n.t('navigations:sidenav.dashboard'),
open: false
},
{
link: '#',
icon: <Edit stroke="#ffffff" />,
text: i18n.t('navigations:sidenav.profile'),
open: false
},
{
link: '#',
icon: <Edit stroke="#ffffff" />,
text: i18n.t('navigations:sidenav.account'),
open: false
}
]
Затем зацикливание массива объектов в компоненте React:
import { ownerItems, driverItems } from './linksList'
// then looping...
const items = this.state.linksOwnerList.map((item, index) => {
if (Array.isArray(item.submenus)) {
return (
....
Результат Результат
Есть идеи?