Javascript 如何从鼠标事件弹出菜单到dom主体？

我对网络没有太多的经验。。我需要在web客户端上做一些事情

我有一些代码是有人在reactjs中编写的，我想在用户单击右键时弹出菜单

我编写了调用右键单击事件（右键单击时停止此事件）的函数，并在此函数上创建（动态）菜单

现在我尝试将此菜单添加到dom->body，但我不知道如何操作。
我也不知道如何添加菜单的位置

守则：

// the func event that call on right click
popupMenuOnRightClick(position){

// create the manu 
var menu = [
    {
        name: 'item1'
        title: 'itemTitle1',
        func: function()
        {
            alert('I am itemTitle1')
        }
    },

    {
        name: 'item2'
        title: 'itemTitle2',
        func: function()
        {
            alert('I am itemTitle2')
        }
    }       
];

document.body.appendChild(menu);


}

---

我的代码需要从react代码文件（jsx文件）中弹出

@DavidR的可能重复：这完全不是同一个问题。完全不同的问题