javascript - 确定元素是否是 React 中另一个元素的子元素,并考虑门户
问题描述
我目前通过使用 ref 捕获我的组件的根元素并检查点击目标是否是来确定用户是否点击了子元素root.contains(target)
。
但是,一些子组件使用 React 门户在 DOM 中组件的根元素之外呈现其内容,即使它们仍然是 React 层次结构中的后代。我知道这个组件层次结构必须保存在某个地方。我是否可以访问它,并简单地确定一个元素是否是另一个元素的“React child”?
解决方案
事件冒泡通过两个区域(门户部分和监控部分),可以通过拦截事件进行标记。
推荐阅读
- react-native - 如何为 React Native 中的每个选项卡获取不同的标题?
- html - DIV 内的纯色 DIV 具有不透明度;ONCLICK 事件问题
- javascript - 在 Laravel 5.4 中使用 Ajax 选择时刷新选择下拉数据
- ios - 当 iPhone 不在附近时,使用 Swift 将数据从 Apple Watch 发送到 iPhone
- amazon-web-services - Aws CDK:Api 网关、sagemaker 集成、SageMakerRuntime 类型的 AWS 服务不支持错误
- node.js - Mongoose 检查参考 id
- python - 在 Python 中运行后,如何在一段时间内禁用 Raspberry Pi GPIO 事件?
- php - 无法从 $_post 获得价值
- azure - Azure Batch 作业计划 - 重复作业完成/失败后的通知
- python - PyBytes_FromString 不同的字节序