minapp-rct ·

minapp-rct 是一款小程序的功能扩展插件

• Redux: 简单配置便可在小程序中使用 Redux.

npm 构建

npm i minapp-rct

API

//注册
use()
//连接页面
connect()
//连接组件
connectComponent()

在 App.js 中注册,具体配置及使用方式可查看例子.

// app.js
import { use } from 'minapp-rct'
import Store from '../../store/index'
 
use(Store)
 
App({})

Usage

import { connect } from 'minapp-rct';
import { actions } from '../../store/index';
 
const page = {
  // redux state
  state(state) {
    const { user } = state;
    return {
      userName: user.userInfo.userName,
    };
  },
  // redux actions
  actions(dispatch, state) {
    return {
      updateUserName(name) {
        dispatch(actions.user.setUserInfo({ userName: name }));
      },
    };
  },
  data: {
    example: 'example',
  },
  onLoad() {
    this.updateUserName('nameUpdated');
  },
};
 
Page(connect()(page));