reactjs - react-popper 错位 popper 元素

Question

我有一个菜单组件，它使用 popperjs 来显示弹出菜单。第一次单击按钮时，弹出窗口出现在屏幕的左上角，而不是按钮下方。我已经使用反应门户来放置渲染的菜单。

当我使用useState钩子捕获 popper 和引用元素的引用时，问题得到解决（如react-popper示例中所建议的那样）。但是我已经实现了一个 clickaway 钩子来隐藏弹出窗口，当你点击弹出窗口以外的任何地方时，我需要使用useRef. 然后我做usePopper(refElem.current, popperElem.current)。我在这里重现了这个问题

标签： reactjsreact-hookspopper.jsreact-popper