隔离事件容器

在本文中

已弃用

这是一个防止某些事件传播到容器外部的容器。这用于包装
UI元素,如modal和popover,传播的事件可能会在其中导致问题。活动继续进行
组件内部。

例如鼠标按下模式容器中的事件可以传播到周围的DOM,从而导致
要与之交互的模态。

当前孤立事件包括:

  • mousedown–这会阻止UI与其他鼠标按下事件处理程序,如选择

用法

创建不会传播的自定义组件鼠标按下组件外部的事件。

从“@wordpress/components”导入{IsolatedEventContainer};常量MyModal=()=>{返回(<隔离事件容器className=“component-some_component”onClick={clickHandler}><p>这是一个隔离组件</p></隔离事件容器>);};

道具

所有道具都以“一”的形式传递给<隔离事件容器/>