react-popper 错位 popper 元素

问题描述

我有一个菜单组件,它使用 popperjs 来显示弹出菜单。当第一次点击按钮时,弹出窗口出现在屏幕的左上角而不是按钮下方。我使用了 React Portal 来放置渲染菜单

当我使用 useState 钩子捕获 popper 和 reference 元素的引用时,问题解决了(如 react-popper 上的示例中所建议)。但是,当您单击弹出窗口之外的任何位置时,我已经实现了一个 clickaway 钩子来隐藏弹出窗口,为此我需要使用 useRef。 然后我做usePopper(refElem.current,popperElem.current)。我已重现问题 here

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)