全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[上海seo优化服务公司]关于微信小程序Redux绑定的解析

  这篇文章主要介绍了微信小程序Redux绑定实例详解的相关资料◇■•,需要的朋友可以参考下

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

  安装

  clone或者下载代码库到本地:

  

 

  

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

 

  将dist/wechat-weapp-redux.js(或者拷贝minify的也可以)文件直接拷贝到小程序的工程中,例如(下面假设我们把第三方包都安装在libs目录下):

  

 

  

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

 

  上面的命令将包拷贝到小程序的libs目录下

  使用

  1.将Redux Store绑定到App上。

  

 

  

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

 

  Provider是用来把Redux的store绑定到App上。[上海seo优化服务公司]

  

 

  

App(Provider(store)({
 onLaunch: function () {
 console▽●▲.log("onLaunch"••○=;)
 }
}))

 

  provider的实现只是简单的将store加到App这个global对象上,方便在页面中用getApp取出来

  上面这段代码等同于:

  

 

  

App({
 onLaunch: function() {
 console▪▪.log( "◁◆=◁;onLaunch"▷◆▷; )
 }◁◇▪■,
 store◆◇◁: store
})

 

  2.在页面的定义上使用connect,绑定redux store到页面上◇☆。

  

 

  

const pageConfig = {
 data: {
 },
 .=■▲.=◆.
 }

 

  页面的定义

  

 

  

const mapStateToData = state => ({
 todos: state…★▼.todos,
 visibilityFilter: state-●▼.visibilityFilter
 })

 

  定义要映射哪些state到页面

  

 

  

const mapDispatchToPage = dispatch => ({
 setVisibilityFilter: filter =>●★-; dispatch(setVisibilityFilter(filter)),
 toggleTodo: id => dispatch(toggleTodo(id)),
 addTodo: text => dispatch(addTodo(text))□=▲★,
 })

 

  定义要映射哪些方法到页面

  

 

  

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

 

  使用connect将上述定义添加到pageConfig中▼▼。

  

 

  

Page(nextPageConfig)■▪=▼;

 

  注册小程序的页面

  3◁-.说明

  完成上述两步之后■▪▼◇,你就可以在this□=….data中访问你在mapStateToData定义的数据了◇☆▷。普兰店市小程序制作公司27 2020.10 [辽源seo公司方便久澳]微信小程序如何实现image组件图片自适应宽度比例显示 这篇文章主要介绍了微信小程序实现image组件图片自适应宽度比例显示的方法,简单讲述了image组件的常用属性▲▽,并结合实例形式分析了微信小程序实现图片自适应宽度比例的相关操作

  mapDispatchToPage定义的action会被映射到this对象上。

  以上就是本文的全部内容,宜城市小程序开发哪家好希望对大家的学习有所帮助★▪,更多相关内容请关注PHP中文网!

  相关推荐:

  微信小程序中UI与容器组件的介绍
 

  关于微信小程序MD5的方法的解析
 

  微信小程序新增的拖动组件movable-view的使用介绍
 

  

 

  以上就是关于微信小程序Redux绑定的解析的详细内容,更多请关注久澳传媒编程栏目其它相关文章△◁…!

[上海seo优化服务公司]关于微信小程序Redux绑定的解析

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。