微信小程序Redux绑定实例详解

git clone https://github.com/charleyw/wechat-weapp-redux

cd wechat-weapp-redux
 cp -r dist/wechat-weapp-redux.js <小程序根目录>/libs

const store = createStore(reducer) // redux store
 
 const WeAppRedux = require('./libs/wechat-weapp-redux/index.js');
 const {Provider} = WeAppRedux;

App(Provider(store)({
 onLaunch: function () {
  console.log("onLaunch")
 }
}))

App({
 onLaunch: function() {
   console.log( "onLaunch" )
  },
  store: store
})

const pageConfig = {
  data: {
  },
  ...
 }

const mapStateToData = state => ({
  todos: state.todos,
  visibilityFilter: state.visibilityFilter
 })

const mapDispatchToPage = dispatch => ({
  setVisibilityFilter: filter => dispatch(setVisibilityFilter(filter)),
  toggleTodo: id => dispatch(toggleTodo(id)),
  addTodo: text => dispatch(addTodo(text)),
 })

const nextPageConfig = connect(mapStateToData, mapDispatchToPage)(pageConfig)

Page(nextPageConfig);