javascript - 模态组件内的工具提示定位

Question

我在现场有一个错误，我有一个工具提示，scroll 由于由overflow-y

基本上，我需要发送模态组件中的当前滚动量 overflow-y，因为模态定位在溢出中，因此流<ReactTooltip />得到偏移。

---

根据这个问题

• 提起<ReactToolTip />外面的<Modal />伎俩
• 正如我在单个<App />作品中测试的那样，但这意味着，您必须拥有<Modal />与<ReactTooltip />.
• 问题是，在我的项目中，结构要复杂得多，并且组件具有嵌套层次结构，有时在模态内部深处有 4-5 个组件。

所以一旦你导入一个组件，你就不能拥有<ReactTooltip />最里面的组件，如果你<ReactTooltip />在另一层引用，那么它不知道id它应该引用哪个。

如此实时代码框示例中所示

一旦你深入 3 个组件，我不知道我应该引用该组件以及它应该在哪一层。

 -> HOC for handling state + subcomponents
   -> Modal Component
     -> Subcomponent with tooltip

---

这也是文档

• react-tooltip
• react-modal

标签： javascriptreactjspositiontooltipreact-tooltip