微信原生小程序结合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
代替