@rc-hooks/dom
v1.0.11
Published
util functions and types for rc-hooks
Downloads
63
Keywords
Readme
Dom - Dom相关Hooks和操作函数
useWindowSize
监控窗体大小变化
- 定义
function useWindowSize(onResize?: ResizeHandler): IElementSize
- 类型
type ResizeHandler = (size: IElementSize) => void
interface IElementSize {width: number; height: number;}
- 用法
import React from 'react' import {useWindowSize, IElementSize} from '@co-hooks/util' interface IDemoProps { onChange: (size: IElementSize) => void } function DemoComponent(props: IDemoProps) { const size = useWindowSize(props.onChange); return ( <div>{size.width} * {size.height}</div> ) }
getZIndex
获取一个新的用于展示的zIndex,建议弹层每次show的时候,更新一下,保证不被挡住
- 定义
function getZIndex(): number
- 用法
import React from 'react' import {getZIndex} from '@co-hooks/util' function DemoComponent() { const zIndex = getZIndex(); return ( <div style={{zIndex}}/> ) }