Material ui Popover 和 Popper 之间的核心区别是什么？有什么不同的用例吗？

Question

对于 React 开发人员来说，Material UI 文档无疑是最接近完美的开源项目文档，但有一些不清楚的事情，例如Popover和Popper之间的确切区别。有人可以简单地解释一下这两者之间的核心区别是什么吗？

Answer 1

正如文档中所解释的：

弹出窗口

使用 Popover 组件时需要注意的事项：

该组件构建在 Modal 组件之上。与 Popper 组件不同，滚动和点击会被阻止。

波普尔

单击离开不会隐藏 Popper 组件。如果您需要此行为，您可以使用 ClickAwayListener - 请参阅菜单文档部分中的示例。

Answer 2

PopOver 的行为更像是一个模式，阻止用户操作/滚动，直到通过在其外部单击将其关闭。

Popper 只是一个弹出的东西，不会对用户强加任何东西，并且如果您点击离开也不会默认消失，因此它对用户体验的干扰较小。