Обрабатывать постраничные ссылки с помощью магазина MobX и компонентов React?

Question

Новый для React и MobX, поэтому любые советы будут оценены! Я пытаюсь создать компонент, который принимает как "store", так и "pageNum" в качестве реквизитов, чтобы автоматически заполнять количество страниц из PaginationStore.

Для компонента PaginationStoreLink он извлекается из ссылки PaginationLink ReactStrap:

const PaginationStorePageLink = ({ store, pageNum }) => (observer(({ PaginationStore }) => (
  <PaginationLink className={styles.pagination} onClick={this.props.store.goToPage(this.props.pageNum)} />
)));

Компонент PaginationStorePageLink заключен в PaginationStoreLinks:

const PaginationStoreLinks = ({ store }) => (observer(({ clusterStore }) => (
  <PaginationLink>
    <PaginationStorePageLink store={store} />
  </PaginationLink>
)));

Как правильно пройти в магазине?

Если бы кто-нибудь мог указать мне правильное направление, это было бы очень ценно.

Answer 1

Похоже, что стрелка отсутствует:

const PaginationStorePageLink = ({ store, pageNum }) => 
    (observer(({ PaginationStore }) => (
      <PaginationLink 
           className={styles.PaginationLink} 
           onClick={store.goToPage(pageNum} 
       />
   )
));