reactjs - material ui popover 和 popper 之间的核心区别是什么？有什么不同的用例吗？

Question

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

Answer 1

正如文档中解释的那样：

弹出框

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

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

波普尔

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

Answer 2

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

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