erectsu/hooks

基于ahooks的hooks

hero
actions text link Getting Started /getting-started

此仓库已废弃

重要： 此仓库后续不再维护，也不再接受更多的特性更新。wetrial/hooks 将会迁移至 wetrial/wetrials 仓库进行后续的维护，访问 https://wetrial.github.io/wetrials/hooks/ajax 了解更多。此变更不影响继续使用 @wetrial/hooks 这个 npm 包名安装使用此组件。

@wetrial/hooks

基于 ahooks 的 hooks 库

📚 文档

• 中文

✨ 特性

• 易学易用
• 包含大量提炼自应用的高级 Hooks。
• 包含丰富的基础 Hooks。
• 使用 TypeScript 构建，提供完整的类型定义文件。

📣 说明

你可以将 ahooks 使用在任何地方，和任意组件库搭配使用。 虽然我们的代码示例都是基于 ant design 的，但是并不代表我们的 Hooks 只能和 ant design 配合使用。

📦 安装

npm i @wetrial/hooks --save

🔨 使用

import { useFormTable } from '@wetrial/hooks';

🖥 开发

$ git clone [email protected]:wetrial/hooks.git
$ cd hooks
$ npm run init
$ npm start

打开浏览器访问 http://127.0.0.1:8001

🤝 贡献

我们欢迎所有人参与共建，请参考CONTRIBUTING.MD

✅ License

MIT

基于 https://github.com/alibaba/hooks，建议实际使用过程中 同时安装 ahooks 库

按需加载

可以通过以下的写法来按需加载 Hooks。

import useFormTable from '@wetrial/hooks/es/useFormTable';

注意：Umi Hooks 默认支持基于 ES module 的 tree shaking，对于 js 部分，直接引入 import { useFormTable } from '@wetrial/hooks' 也会有按需加载的效果。

如果你使用了 babel，那么可以使用 babel-plugin-import 来进行按需加载，加入这个插件后。你可以仍然这么写：

import { useFormTable } from '@wetrial/hooks';

插件会帮你转换成 @wetrial/hooks/es/useFormTable 的写法。