Now Paging Maciej

    mp-redux

    0.3.1 • Public • Published

    mp-redux

    npm GitHub issues npm bundle size npm GitHub

    Wechat Mini Program bindings for Redux

    ⚠️ 暂时不要用于生产环境!

    特性

    • 支持 npm 方式引用
    • 内置 Redux
    • API 与 react-redux 一致

    使用

    需要依赖微信开发者工具的 npm 构建功能,具体详情可查阅官方 npm 文档

    1. 安装
    npm install mp-redux
    # 或 
    yarn add mp-redux
    1. store 绑定到 App
    // app.js
    import { Provider } from 'mp-redux';
    import store from 'your_store_path';
     
    App(Provider(store)({
      onLaunch() {
        console.log('onLaunch');
      },
    }));
    1. 通过 connect 连接页面和 store
    import { connect } from 'mp-redux';
     
    const mapStateToData = state => ({});
    const mapDispatchToThis = dispatch => ({});
     
    Page(connect(mapStateToData, mapDispatchToThis)(
      onLoad() {
        console.log('onLoad');
      },
    ));

    connect 方法需要传入两个参数 mapStateToDatamapDispatchToThis,然后就可以通过 this.data.xx 获取 mapStateToData 返回的数据,通过 this.xx 获取 mapDispatchToThis 返回的方法

    mapStateToDatamapDispatchToThis 等同于 react-reduxmapStateToPropsmapDispatchToProps

    1. 构建 npm

    点击微信开发者工具中的菜单栏:工具 -> 构建 npm

    Keywords

    none

    Install

    npm i mp-redux

    DownloadsWeekly Downloads

    2

    Version

    0.3.1

    License

    MIT

    Unpacked Size

    57.4 kB

    Total Files

    10

    Last publish

    Collaborators

    • pengtikui