reactjs - 如何渲染shopify北极星的子导航组件

Question

我需要一次渲染一个组件，但有些我的 subNavigation 路由不起作用，它适用于 Navigation 路由，但不显示 subNavigation 项目，我也在 react 路由的帮助下尝试过，但它让我与shopify 路线 这是我的路线

导航：

      <Navigation location="./">
        <Navigation.Section
          items={[
            {
              url: '/setup',
              icon: SettingsMajor,
              label: 'Setup App',
              onClick: props.changeSetupTabToActive
            },
            {
              url: '/manage/freeshipping',
              label: 'Manage',
              icon: ManagedStoreMajor,
              subNavigationItems: [
                {
                  url: '/manage/freeshipping',
                  icon: ShipmentMajor,
                  label: 'Free Shipping Bar',
                  onClick: props.changeFreeShippingBarTabToActive
                },
                {
                  url: '/manage/freesample',
                  icon: AddProductMajor,
                  label: 'Free Samples',
                  onClick: props.changeFreeSampleTabToActive
                }
              ],
            },
            {
              url: '/support/faq',
              label: 'Support',
              icon: CircleInformationMajor,
              subNavigationItems: [
                {
                  url: '/support/faq',
                  icon: QuestionMarkMinor,
                  label: 'FAQ\'s',
                  onClick: props.changeEmailUsTabToActive
                },
                {
                  url: '/support/emailus',
                  icon: InviteMinor,
                  label: 'Email Us',
                  onClick: props.changeFaqsTabToActive
                }
              ],
            },
          ]}
          separator
        />
      </Navigation>
    </>
  )
}