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

Question

我没有很多网络经验..我需要在网络客户端上做一些事情。

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

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

现在我尝试将此菜单添加到 dom-> 正文中，但我不知道该怎么做。
我也不知道如何添加菜单的位置。

编码：

// 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);


}

我的代码需要从反应代码文件（ jsx 文件）中弹出。

标签： javascriptreactjs