dva状态管理

由model来处理逻辑,route传递fun引用给component使用

 effects: {
    *pageChangeHandler({ payload: { page } }, { put, select }) {
    // dispatch({ type: 'storeresult/fetch', payload: { page } });
    // 需要走路由,直接走方法浏览器看不出地址变化
      const keyword = yield select(state => state.storeresult.keyword);
      yield put(routerRedux.push({
        pathname: '/gitsearch/store/result',
        query: { keyword, page },
      }));
    },
// 接受路由参数
function StoreResult({ dispatch, storeresult }) {
  // 检索
  const filterHandler = (title, filterkey) => filterkey === '' || title.indexOf(filterkey) >= 0;
  // 翻页
  // const pageChangeHandler = page => dispatch({
  //   type: 'storeresult/pageChangeHandler',
  //   payload: { page },
  // });
  const pageChangeHandler = (page) => {
    dispatch({
      type: 'storeresult/pageChangeHandler',
      payload: { page },
    });
  };
  return (
    <div className={styles.normal}>
      <StoreResultComponent
        filterHandler={filterHandler}
        pageChangeHandler={pageChangeHandler}
        repos={storeresult}
      />
    </div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,292评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,894评论 18 399
  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,289评论 22 257
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,914评论 25 709
  • 我还记得2005年把你从河坝带我来的样子,你在一群小狗里是体格最小的,长得也不是最心疼的,但是我没有抓别的狗狗,...
    55开阅读 3,237评论 1 0