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

问题描述 投票:0回答:1

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

如何正确传入商店?

如果有人能指出我正确的方向,那将非常感激。

javascript reactjs jsx mobx
1个回答
1
投票

它看起来像一个箭头操作符缺失:

const PaginationStorePageLink = ({ store, pageNum }) => 
    (observer(({ PaginationStore }) => (
      <PaginationLink 
           className={styles.PaginationLink} 
           onClick={store.goToPage(pageNum} 
       />
   )
));
© www.soinside.com 2019 - 2024. All rights reserved.