@tarojsx/hooks

👍
Taro3 Hooks

Taro3 必备的基础 React Hooks.

_{当前代码提交频繁, 一些特性时有变化.}


^{Built with 💜 by @Colder and Contributors
🌟 👀 ⚡ 💥}

npm i @tarojsx/hooks

用法

Hooks API 需要 React 16.8.0 及以上版本.

可以单独导入:

import useRouterParams from '@tarojsx/hooks/dist/useRouterParams'

或使用 ES6 命名导入:

import { useRouterParams } from '@tarojsx/hooks'

如果想使用 ES6 命名导入, 又不想全部打包, 推荐使用 babel-plugin-import 并在 babel.config.js 中添加以下配置:

module.exports = {
    plugins:[
        [
            'import',
            {
                libraryName: '@tarojsx/hooks',
                libraryDirectory: 'dist',
                camel2DashComponentName: false,
                transformToDefaultImport: false,
            },
            'import @tarojsx/hooks',
        ]
    ]
}

参考

• 基础

  • Taro.useXXX — 解决 taro 3.0.0-rc.4 以下版本原生 Hooks 依赖更新问题.
  • useThrottleCallback — 函数节流.

• 环境

  • useRouterParams — 获取页面路由参数.

• 界面

  • useNavigationBar — 动态更新导航栏属性.
  • useNavigationBarTitle — 动态更新导航栏标题.
  • usePullDownRefreshing — 监听用户下拉刷新事件, 回调完成后自动收起.

• 生命周期

  • useDidShowAgain — 页面再次显示时的回调.
  • useLogger — 打印组件生命周期.

支持

欢迎各种形式的支持. 至少可以给颗星 ⭐

License

MIT