自动选择和在反应马赛克周围移动马赛克面板的问题

Question

我有一个react组件，当拖放被初始化时，它会在镶嵌dashbaord中呈现。当用户开始拖动时，它将在仪表板中呈现一个面板。我试图找出一种创建面板并在放置之前选择它的方法，这样我就可以在实际渲染之前调整它的渲染位置。我将在下面附加我的代码。我不确定该怎么做。

此功能从现在起开始拖动后立即渲染图块。我想在生成图块之后但在将其附加到布局之前添加选择功能...

let dragStart = (e) => {
    // this is initiated whenthe drag starts.
    console.log("id: " + e.target.id)
    e.dataTransfer.effectAllow = "all"
    let widgetId = e.target.id
    setTimeout(() => {
        mainStore.hideAdminToolsDialog();
        let userWidget = dashboardStore.userDashboards().value.widgets[widgetId];
        dashboardService.addWidget(userWidget)
    }, 200)        
}

这是我要在选定位置放置面板的功能：

let drop = (e) => {
    // let widgetId = e.dataTransfer.getData("text");
    // console.log("landing widget id: " + e.dataTransfer.getData("text"))
    // let userWidget = dashboardStore.userDashboards().value.widgets[widgetId];
    // dashboardService.addWidget(userWidget);
}

谁能帮我解决这个问题...