Блог

Я использую бесплатный шаблон CoreUI React для создания проекта интерфейса React. Компонент боковой панели использует навигационный массив объектов, который содержит свойства, используемые для создания элементов CoreUI. Каждый объект в массиве имеет свойство «to», которое предоставляет созданному элементу навигации ссылку, например:

 const nav = [
{
    _tag: 'CSidebarNavItem',
    name: 'Account',
    to: '/user/:id/profile',
    icon: 'cil-user',
  }
]
  

Массив nav импортируется в компонент и передается в качестве средства визуализации компоненту CCreateElement, который, в свою очередь, создает CSidebarNavItems, которые являются прославленными ссылками маршрутизатора React.

CCreateElement

 <CCreateElement
          items={navigation}
          {...props}
          components={{
            CSidebarNavDivider,
            CSidebarNavDropdown,
            CSidebarNavItem,
            CSidebarNavTitle
          }}
        />
  

Я пытаюсь использовать динамические URL-адреса в свойстве «кому», но мои URL-адреса возвращают статические строки /users/:id/profile . Как я могу заставить эти визуализированные элементы генерировать эти динамические URL-адреса?