react essential tools
v0.27.0
基本反应钩和组件的收集
现场故事书用法示例
npm i react-essential-tools
您需要安装React 16.8.0或更高版本才能使用挂钩API。您可以使用名为Imports的ES6导入每个钩子或组件(推荐树摇动)。
import { Tooltip , useAsync } from 'react-essential-tools' ;| 来源 | 预览 | 简短描述 |
|---|---|---|
CircularProgress | 演示 | 进度指标通常称为旋转器,表达未指定的等待时间或显示过程的长度。 |
Modal | 演示 | 为创建对话,弹出式,灯箱或其他任何东西提供了坚实的基础。 |
Backdrop | 演示 | 您的应用程序上的一个昏暗层。 |
Skeleton | 演示 | 装载的占位符 |
NoSsr | 禁用SSR的内容 | |
Tooltip | 演示 | 带有信息的小弹出窗口 |
Popper | 演示 | 在另一个之上显示内容 |
Collapse | 演示 | 动画扩展内容/崩溃 |
Slide | 演示 | 动画内容滑入/滑出内容 |
Zoom | 演示 | 动画内容的缩放/缩放内容 |
Fade | 演示 | 动画内容的淡入/淡出内容 |
Grow | 演示 | 动画内容的规模/规模 |
Portal | 演示 | 在任何目标dom节点内渲染内容 |
| 来源 | 预览 | 简短描述 |
|---|---|---|
useDebouncedCallback | 演示 | 被拒绝回调 |
useLongPress | 演示 | 长时间施加了回调 |
useHover | 演示 | 跟踪盘旋的元素 |
useHistory | 演示 | 带有撤消/重复/重置的状态 |
useMedia | 演示 | CSS媒体查询状态 |
useMotion | 演示 | 设备加速传感器状态 |
useClipboard | 演示 | 读写到用户的剪贴板 |
useMouse | 演示 | 鼠标位置状态 |
useIntersection | 演示 | 元素的交集视口状态 |
useClickAway | 演示 | 在外面点击发射回调 |
useNetwork | 演示 | 网络信息状态 |
useWindowScroll | 演示 | 窗户滚动位置状态 |
useKey | 演示 | 配置键盘键使用后,发射回调 |
useEvent | 演示 | 在卸载中添加听众和自动清洁 |
useTimeoutFn | 演示 | 延迟发射回调 |
useInterval | 演示 | 用受控间隔发射回调 |
usePrevious | 演示 | 以前的状态值 |
useUpdateEffect | 演示 | 使用第一次调用的useEffect |
useMount | 演示 | 在山上发射回调 |
useUnmount | 演示 | 在UNMOUNT上发射回调 |
useLocalStorage | 同步态与localstorage | |
useAsync | 演示 | 异步/承诺立即解决 |
useAsyncFn | 演示 | 异步/承诺通过回调对状态解决 |
useBoolean | 演示 | 带有布尔值和切换回调的状态 |
useSetState | 演示 | 与类组件相似的状态setState合并行为 |
useFirstMountState | 演示 | 在第一个组件的渲染上返回true |
useMountedState | 演示 | 返回回调以检查组件是否已安装 |
useIsomorphicLayoutEffect | 服务器端渲染时不会显示警告的useLayoutEffect |
该项目已根据MIT许可,版权(C)2019 Ruslan Povolockii获得许可。有关更多信息,请参见LICENSE.md 。