DropZone(下降区域)

DropZone(下降区域)是一个组件,它创建了一个保留其父元素全部大小的放置区域。它支持删除文件、HTML内容或任何其他HTML删除事件。

用法

从'react'导入{useState};从“@wordpress/components”导入{DropZone};const MyDropZone=()=>{const[hasDropped,setHasDropped]=使用状态(false);返回(<div>{hasDroped?“Droped!”:“在这里放点东西”}<DropZoneonFilesDrop={()=>设置已删除(true)}onHTMLDrop={()=>setHasDropped(true)}onDrop={()=>设置已删除(true)}/></div>);}

道具

组件接受以下道具:

类名

一个CSS给包装器元素。

  • 类型:字符串
  • 违约:未定义

标签

要在放置区域内显示的字符串。

  • 类型:字符串
  • 违约:删除要上载的文件

onFilesDrop

将文件拖放到DropZone(下降区域)。它接收一个已删除文件数组作为参数。

  • 类型:功能
  • 必需:否
  • 违约:套索

在HTMLDrop上

将HTML拖放到DropZone(下降区域)。它接收作为参数删除的HTML。

  • 类型:功能
  • 必需:否
  • 违约:套索

onDrop上

如果onFilesDrop在HTMLDrop上未调用。它接收掉落事件对象作为参数。

  • 类型:功能
  • 必需:否
  • 违约:套索