Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

Hooks Library for Taro

License

NotificationsYou must be signed in to change notification settings

innocces/taro-hooks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

taro hooks logo

V2 |V1


npm packagenode compatibilitybuild statusdiscord chatvercel


Hooks Library for Taro

✨ Features

  • Fully matched Taro
  • Extending common hooks with ahooks
  • Separate abstraction useRequest
  • Complete type tips
  • Extended h5 missing apis

🚀 Quick Start

# npm$ npm i taro-hooks# yarn$ yarn add taro-hooks# pnpm$ pnpm add taro-hooks

We use plugins for extending different frameworks. So you need to install the corresponding plugins according to the framework you are currently using

  • React/PReact/Nerv
# npm$ npm i @taro-hooks/plugin-react# yarn$ yarn add @taro-hooks/plugin-react# pnpm$ pnpm add @taro-hooks/plugin-react
// config/index.jsmodule.exports={// ...plugins:['@taro-hooks/plugin-react'],// ...};
  • Vue3
# npm$ npm i @taro-hooks/plugin-vue# yarn$ yarn add @taro-hooks/plugin-vue# pnpm$ pnpm add @taro-hooks/plugin-vue
// config/index.jsmodule.exports={// ...plugins:['@taro-hooks/plugin-vue'],// ...};

⌨️ Usage

  • React/PReact/Nerv
import{useEnv}from'taro-hooks';functionIndex(){constenv=useEnv();return<View>current env:{env}</View>;}
  • Vue3
<template><view>current env: {{env}}</view></template><scriptsetuplang="ts">import{useEnv}from'taro-hooks';constenv=useEnv();</script>

🎰 auto-import

We provide the @taro-hooks/plugin-auto-import plugin to help you quickly use theunplugin-auto-import capability.

# npm$ npm i @taro-hooks/plugin-auto-import# yarn$ yarn add @taro-hooks/plugin-auto-import# pnpm$ pnpm add @taro-hooks/plugin-auto-import
// config/index.jsconstconfig={// ...// The main prerequisite is that you have installed the plugin for the corresponding framework.plugins:[// If you are using vue3, please install the @taro-hooks/plugin-vue plugin beforehand.'@taro-hooks/plugin-vue'// If using React/PReact/Nerv, please pre-install the @taro-hooks/plugin-react plugin.'@taro-hooks/plugin-react',// Finally, the auto-import plugin is configured['@taro-hooks/plugin-auto-import',{// your options, see configuration: https://github.com/antfu/unplugin-auto-import#configuration}]],// ...};
  • React/PReact/Nerv
functionIndex(){constenv=useEnv();return<View>current env:{env}</View>;}
  • Vue3
<template><view>current env: {{env}}</view></template><scriptsetuplang="ts">constenv=useEnv();</script>

📦 Packages

packagesdownloadsversionlicense
taro-hookstaro-hookstaro-hookstaro-hooks
@taro-hooks/ahooks@taro-hooks/ahooks@taro-hooks/ahooks@taro-hooks/ahooks
@taro-hooks/plugin-vue@taro-hooks/plugin-vue@taro-hooks/plugin-vue@taro-hooks/plugin-vue
@taro-hooks/plugin-react@taro-hooks/plugin-react@taro-hooks/plugin-react@taro-hooks/plugin-react
@taro-hooks/use-request@taro-hooks/use-request@taro-hooks/use-request@taro-hooks/use-request
@taro-hooks/plugin-auto-import@taro-hooks/plugin-auto-import@taro-hooks/plugin-auto-import@taro-hooks/plugin-auto-import

🗨️ Communication

🤸 Contribution

SeeContributing Guide.

🍻 Contributors


innocces

💬📖👀📢🤔⚠️📦📋🎨

ryan

📖📢🤔💻

more contributors

📑 License

MIT.

💰 Sponsoring

📈 Star History

Star History Chart


[8]ページ先頭

©2009-2025 Movatter.jp