# miniprogram-mobx-request

> 小程序composition式请求工具

Latest version **0.0.8** (published 2023-06-18) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install miniprogram-mobx-request
pnpm add miniprogram-mobx-request
yarn add miniprogram-mobx-request
bun add miniprogram-mobx-request
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2023-06-18 |
| First published | 2023-06-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 52.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | zc1075488066 |

## Links

- npm: https://www.npmjs.com/package/miniprogram-mobx-request
- npm.io page: https://npm.io/package/miniprogram-mobx-request

## Dependencies (3)

- [mobx-miniprogram](https://npm.io/package/mobx-miniprogram.md) ^4.13.2
- [@types/wechat-miniprogram](https://npm.io/package/@types/wechat-miniprogram.md) ^3.4.1
- [miniprogram-mobx-composition](https://npm.io/package/miniprogram-mobx-composition.md) ^0.0.4

## Recent versions

- 0.0.8 (latest) — 2023-06-18
- 0.0.7 — 2023-06-17
- 0.0.6 — 2023-06-17
- 0.0.5 — 2023-06-16
- 0.0.4 — 2023-06-16

## README

# miniprogram-mobx-request

[![NPM version](https://img.shields.io/npm/v/miniprogram-mobx-request.svg?style=flat)](https://npmjs.org/package/miniprogram-mobx-request)
[![NPM downloads](http://img.shields.io/npm/dm/miniprogram-mobx-request.svg?style=flat)](https://npmjs.org/package/miniprogram-mobx-request)

小程序 mobx composition 请求工具

## Usage

TODO

## Options

TODO

## Development

```html 

<!--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>


```


```javascript

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

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

---
_Source: https://npm.io/package/miniprogram-mobx-request · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._