基于右键单击在 React 中条件加载组件

如何解决基于右键单击在 React 中条件加载组件

关于在 React 中右键单击创建组件的任何提示？ 这是一个例子

  export const ItemControl: React.FC<ItemControlProps> = ({ someprops }) => {
    return (
        <div>
            <otherComponents />
            <RightClickContextMenu item={item} />
        </div>
    );
};

ItemControl 用在一个长列表中，它为每个项目创建了大量的 RightClickContenxtMenu，并为 JS 处理增加了大量时间。假设我不想延迟加载它而是有条件地加载它。 1- 如何仅在右键单击时有条件地创建它？ 2- 有没有一种方法可以创建此 RightClickContextMenu 一次并在所有项目中共享/使用它？

在此先感谢您的帮助！