Fabric.js 在react 下 mousedblclick失效

Question

let canvas = new fabric.Canvas('main', {});

    console.log(canvas)
    //canvas全局设置
    canvas.on({
        'object:moving': function(e) {
            e.target.opacity = 0.5;
        },
        'object:modified': function(e) {
            e.target.opacity = 1;
        }
    });
    
    canvas.setBackgroundColor({
        source: img,
        repeat: 'no-repeat',
    }, canvas.renderAll.bind(canvas));

    let rect = new fabric.Rect({
        fill: "#000",
        width: 200,
        height: 35,
    });

    rect.on('mousedblclick', (options) => {
        console.log(options)
    });

    rect.on('selected', (options) => {
        console.log(canvas)
    });
    canvas.add(rect);
    

selected 事件绑定上去了可以执行 mousedblclick 也绑定上去了 但是没有执行