miniprogram-mobx-composition v0.0.8

miniprogram-mobx-composition

小程序 mobx composition 请求工具

Usage

TODO

Options

TODO

Development

<!--index.wxml-->
<view style="padding: 60px;">
  <button bindtap="click">点击</button>
  <view wx:if="{{state.loading}}"> 载入中 </view>
  <view wx:elif="{{state.error}}"> 出错了 </view>
  <view wx:else>
    {{state.data.name}} {{state.data.age}} {{state.params[0].name}}
    {{state.params[0].age}}
  </view>
</view>

// index.ts
// 获取应用实例
import {
  compositionApiBehavior,
  onAttached,
  onDetached,
} from 'miniprogram-mobx-composition';
import useRequest from 'miniprogram-mobx-composition';

Component({
  behaviors: [compositionApiBehavior],
  setup() {
    const click = () => {
      run({ name: 'mary', age: 789 });
    };
    const {
      state,
      run,
      runAsync,
      refresh /*
             刷新 
             */,
      refreshAsync,
    } = useRequest(
      (params) => {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve({
              name: params.name,
              age: params.age,
            });
          }, 6000);
        });
      },
      {
        manual: true, //是否手动执行
        debounceWait: 1000, //防抖时间
        // loadingDelay: 2000, //loading延迟时间防止闪烁
        // throttleWait:1000,//节流时间
      },
    );
    return {
      state,
      click,
    };
  },
});

LICENSE

MIT