This package has been deprecated

Author message:

no longer actively maintained

miniprogram-hooks

0.0.1 • Public • Published

miniprogram-hooks

小程序自定义组件 hooks 实现。

PS:注意,这是一个试验性的作品,并不是一个成熟的工具,除非你很了解它会带来的问题,不然请不要在生产环境中直接使用。

使用方法

  1. 安装 miniprogram-hooks:
npm install --save miniprogram-hooks
  1. 在定义自定义组件时使用
const {useState, useEffect, FunctionalComponent} = require('miniprogram-hooks')
 
// 使用函数式的方式声明组件
FunctionalComponent(function() {
  // hooks 只能在最顶层或其他 hooks 内使用,不能在条件、循环中使用
  const [count, setCount] = useState(1)
 
  useEffect(() => {
    console.log('count update: ', count)
  }, [count])
 
  const [title, setTitle] = useState('click')
 
  // 返回变量和 updater
  return {
    count,
    title,
    setCount,
    setTitle,
  }
})
<view>{{count}}</view>
<!-- 参数必须得通过 data-arg 来传入 -->
<button bindtap="setCount" data-arg="{{count + 1}}">{{title}}</button>
<button bindtap="setTitle" data-arg="{{title + '(' + count + ')'}}">update btn text</button>

Readme

Keywords

none

Package Sidebar

Install

npm i miniprogram-hooks

Weekly Downloads

0

Version

0.0.1

License

MIT

Unpacked Size

16.8 kB

Total Files

8

Last publish

Collaborators

  • wechat-miniprogram