使用MobX存储和React组件处理分页链接?

时间:2019-03-13 16:23:27

标签: javascript reactjs jsx mobx

React和MobX的新手,所以任何建议都将不胜感激!我正在尝试构建一个接受“ store”和“ pageNum”作为道具的组件,以便自动填充PaginationStore中的页面数。

对于PaginationStoreLink组件,它是从ReactStrap的PaginationLink中提取的:

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>
)));

如何正确通过商店?

如果有人能指出我正确的方向,将不胜感激。

1 个答案:

答案 0 :(得分:1)

似乎缺少箭头运算符:

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