代码之家 › 专栏 › 技术社区 › mohsinulhaq

如何确定组件是否包含React继承权

reactjs javascript

mohsinulhaq · 技术社区 · 7 年前

我创建了一个弹出库,它使用React Portal将每个弹出呈现为 body 减轻 overflow: hidden 问题。现在弹出窗口可以打开更多的弹出窗口,我想确定是否在这些弹出层次结构之外单击以关闭所有弹出窗口。如果它们是嵌套的,我可以做一个 .contains 对于 e.target ,但在这里,DOM层次结构将是扁平的(即,所有弹出窗口都是body中的兄弟)。由于React门户的性质,将只嵌套React层次结构。我的问题是如何最好地检测出是在弹出层次结构内部还是外部进行了单击?

1 回复 | 直到 7 年前

mohsinulhaq 7 年前

最后,我使用react context将popup的关闭函数发送给它的子级。如果子函数本身是弹出式的,则可以调用它自己的关闭函数,然后通过调用父关闭函数来委托进一步的传播。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

6 月前

Alex · 在轻量级中同时解构和不解构变量

6 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

6 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

6 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

6 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

user3472810 · Angular@Output/EventEmitter返回undefined

6 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

6 月前