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班
给包装器元素。
要在放置区域内显示的字符串。
将文件拖放到DropZone(下降区域)
。它接收一个已删除文件数组作为参数。
将HTML拖放到DropZone(下降区域)
。它接收作为参数删除的HTML。
如果onFilesDrop
或在HTMLDrop上
未调用。它接收掉落事件
对象作为参数。