react-popper：我应该在同一页面上使用一个 <Manager> 组件还是多个组件？

Question

我应该在我的整个项目的根部有一个 <Manager> 组件，还是在每个我想弹出内容的地方都有一个 <Manager> 更好？因此，例如，一个环绕每个下拉菜单和每个悬停工具提示？

Answer 1

明确包装每个引用元素，正如您在官方 repo 的演示中看到的那样：

https://github.com/FezVrasta/react-popper/blob/master/demo/index.js#L61

如果查看源代码，您会发现 Reference 组件使用 Context Consumer 来保存对父 Manager 组件的引用。