在react中禁用对表的拖放操作

Question

我想取消表格的拖放功能。有人能告诉我怎么做吗?

return(
<div 
className="grid-container"
>
<table
className="grid-table" 
onMouseLeave={() => props.handle_mouse(false)}
onMouseDown={() => props.handle_mouse(true)}
onMouseUp={() => props.handle_mouse(false)}
>
<tbody>
{grid}
</tbody>
</table>
</div> 
)

Answer 1

您需要跟踪您的拖放的禁用状态。如果状态显示已禁用，则不返回任何值。

let isDisabled = false
// Logic to handle `isDisabled` state that would set it to true
return(
<div 
className="grid-container"
>
<table
className="grid-table" 
onMouseLeave={() => props.handle_mouse(false)}
onMouseDown={() => isDisabled ? null : props.handle_mouse(true)}
onMouseUp={() => props.handle_mouse(false)}
>
<tbody>
{grid}
</tbody>
</table>
</div> 
)