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

Question

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

如何正确传入商店？

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

Answer 1

似乎缺少箭头运算符：

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

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

Handling paginated links using a MobX store and React components?

javascript

jsx

reactjs

mobx