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

在React中单击鼠标右键创建组件有什么提示吗？ 这里有一个例子

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

export const ItemControl:React.FC=（{someprops}）=>{
返回(
);
};

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

---

提前感谢您的帮助

我有contextMenu，我想有条件地处理创建/渲染它。不知道这会有什么帮助