微信原生小程序结合redux API介绍

微信原生小程序安装zoro,请查看安装文档中的微信原生小程序部分

如何在微信原生小程序使用zoro,请查看微信原生小程序中使用

setStore(store) <Function>

设置redux store

import { setStore } from './weapp-redux'
setStore(store)

connect(mapStateToPage, mapDispatchToPage)(pageConfig) <Function>

链接redux state,redux action到页面组件中

import { connect } from './weapp-redux'
const config = connect(mapStateToPage, mapDispatchToPage)(pageConfig)
Page(config)
  • mapStateToPage(handler) <Function>

    function mapStateToPage(state) { return { counter: state.counter } }
    
  • mapDispatchToPage(handler) <Function>

    第二个参数基本无需使用,请使用dispatcher代替

    function mapDispatchToPage(dispatch) { return { add: () => dispatch({ type: 'counter/add' }) } }
    

connectComponent(mapStateToCom, mapDispatchToCom)(comConfig) <Function>

链接redux state,redux action到自定义组件中

import { connectComponent } from './weapp-redux'
const config = connectComponent(mapStateToCom, mapDispatchToCom)(comConfig)
Component(config)
  • mapStateToCom(handler) <Function> 使用方法同mapStateToPage
  • mapDispatchToCom(handler) <Function> 使用方法同mapDispatchToPage,请使用dispatcher代替

results matching ""

    No results matching ""