Polaris навигационный метод onclick - PullRequest
Новая
       42

Polaris навигационный метод onclick

0 голосов
/ 01 декабря 2018

Я использую навигационный компонент shopify polaris.Документация к нему находится здесь:

https://polaris.shopify.com/components/structure/navigation

Допустим, я настроил компонент навигации в моем Navigation.js классе следующим образом: 

<Navigation location="/">
      <Navigation.Section
        items={[
          {
            url: '/path/to/place',
            label: 'Summary',
            icon: 'home',
            selected:true
          },
          {
            url: '/path/to/place',
            label: 'Orders',
            icon: 'orders',
            badge: ''
          },
          {
            url: '/path/to/place',
            label: 'Products',
            icon: 'products',
          },
        ]}
      />
</Navigation>

В ссылкеЯ отправил выше, он говорит о методе onClick ().Как я могу создать метод, который печатает метку выбранного элемента.Таким образом, если они щелкают по первому элементу, вызывается функция обратного вызова и выводится «Сводка».Я просто не могу собрать кусочки вместе.Любая помощь будет отличной!

1 Ответ

0 голосов
/ 04 декабря 2018

Вы должны передать его с Navigation.Section такими предметами: 

<Navigation location="/">
      <Navigation.Section
        items={[
          {
            url: '/path/to/place',
            label: 'Summary',
            icon: 'home',
            selected:true,
            onClick: () => console.log('Summary')
          },
          {
            url: '/path/to/place',
            label: 'Orders',
            icon: 'orders',
            badge: '',
            onClick: () => console.log('Orders')
          },
          {
            url: '/path/to/place',
            label: 'Products',
            icon: 'products',
            onClick: () => console.log('Products')
          },
        ]}
      />
</Navigation>
...