隔离事件容器

已弃用

这是一个容器，用于防止某些事件传播到容器外部。它用于包裹
UI 元素（如模态框和弹出框），在这些场景中，传播的事件可能会引发问题。事件在组件内部仍可正常工作。

例如，模态容器中的 mousedown 事件可能会传播到周围的 DOM，导致模态框外部的 UI 被意外交互。

当前隔离的事件包括：

• mousedown – 这会阻止 UI 与其他 mousedown 事件处理程序（如文本选择）进行交互

用法

创建一个自定义组件，该组件不会将 mousedown 事件传播到组件外部。

import { IsolatedEventContainer } from '@wordpress/components';

const MyModal = () => {
    return (
        <IsolatedEventContainer
            className="component-some_component"
            onClick={ clickHandler }
        >
            <p>This is an isolated component</p>
        </IsolatedEventContainer>
    );
};

属性

所有属性都会原样传递给 <IsolatedEventContainer />