基于popperjs的弹层hook
npm install @reacted/use-popper基于 popper.js 的 自定义 React hooks,方便用来显示弹层
``js
// targetRef是用来定位的参考点,比如点击一个按钮
// placement, 位置规则
const { show, setShow, mountNode } = usePopper({
targetRef,
placement,
});
if (show) createPortal(
return null;
`
定位参考元素,可以是一个 htmlelement, 也可以是一个 virtualElment
`ts``
type VirtualElement = {|
getBoundingClientRect: () => ClientRect | DOMRect,
contextElement?: Element,
|};