代码拉取完成,页面将自动刷新
Hooks Library for Taro
# 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
# npm
$ npm i @taro-hooks/plugin-react
# yarn
$ yarn add @taro-hooks/plugin-react
# pnpm
$ pnpm add @taro-hooks/plugin-react
// config/index.js
module.exports = {
// ...
plugins: ['@taro-hooks/plugin-react'],
// ...
};
# npm
$ npm i @taro-hooks/plugin-vue
# yarn
$ yarn add @taro-hooks/plugin-vue
# pnpm
$ pnpm add @taro-hooks/plugin-vue
// config/index.js
module.exports = {
// ...
plugins: ['@taro-hooks/plugin-vue'],
// ...
};
import { useEnv } from 'taro-hooks';
function Index() {
const env = useEnv();
return <View>current env: {env}</View>;
}
<template>
<view>current env: {{env}}</view>
</template>
<script setup lang="ts">
import { useEnv } from 'taro-hooks';
const env = useEnv();
</script>
We provide the @taro-hooks/plugin-auto-import plugin to help you quickly use the unplugin-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.js
const config = {
// ...
// 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
}
]
],
// ...
};
function Index() {
const env = useEnv();
return <View>current env: {env}</View>;
}
<template>
<view>current env: {{env}}</view>
</template>
<script setup lang="ts">
const env = useEnv();
</script>
packages | downloads | version | license |
---|---|---|---|
See Contributing Guide.
innocces 💬 📖 👀 📢 🤔 ⚠️ 📦 📋 🎨 |
ryan 📖 📢 🤔 💻 |
MIT.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型