zoukankan      html  css  js  c++  java
  • react-redux-store

    store是联系state 和 reducer的部分

    Store 有以下职责:

    Redux 应用只有一个单一的 store,当需要拆分数据处理逻辑时,应该使用 reducer 组合而不是创建多个 store。

    import { createStore } from 'redux'
    import todoApp from './reducers'
    let store = createStore(todoApp)
    //createStore() 的第二个参数是可选的, 用于设置 state 初始状态。
    //var store=creatStore(reducer, initialState);
    let store = createStore(todoApp, window.STATE_FROM_SERVER)
    import {
      addTodo,
      toggleTodo,
      setVisibilityFilter,
      VisibilityFilters
    } from './actions'
    
    // 打印初始状态
    console.log(store.getState())
    
    // 每次 state 更新时,打印日志
    // 注意 subscribe() 返回一个函数用来注销监听器
    const unsubscribe = store.subscribe(() =>
      console.log(store.getState())
    )

    //subscribe ,注册listener,监听state变化
    // 发起一系列 action store.dispatch(addTodo('Learn about actions')) store.dispatch(addTodo('Learn about reducers')) store.dispatch(addTodo('Learn about store')) store.dispatch(toggleTodo(0)) store.dispatch(toggleTodo(1)) store.dispatch(setVisibilityFilter(VisibilityFilters.SHOW_COMPLETED)) // 停止监听 state 更新 unsubscribe();
  • 相关阅读:
    WCF进行大数据传输时的相关配置(转)
    自定义绑定(转)
    菜鸟学TSQLSQL2005读书笔记1
    再别康桥英文及译文
    自定义绑定2
    我要读的书
    菜鸟学TSQLSQL2005读书笔记
    Bad Habbits
    实践测试驱动开发
    针对接口写测试用例
  • 原文地址:https://www.cnblogs.com/avidya/p/8513212.html
Copyright © 2011-2022 走看看