React EasyUI 放置

2020-06-24 12:01 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
scope string, array 放置范圍。 null
disabled boolean 為True時,禁用調整。 false

事件列表

名稱 參數(shù) 作用描述
onDragEnter scope 當可拖動對象被拖動回車時觸發(fā)。
onDragOver scope 當拖動可拖動對象時觸發(fā)。
onDragLeave scope 當可拖動對象被拖動離開時觸發(fā)。
onDrop scope 當拖放可拖動對象時觸發(fā)。

注:
繼承: LocaleBase 。

使用方法

<Draggable>
  <div className="dragitem">
    <p style={{ textAlign: 'center' }}>Drag Me</p>
  </div>
</Draggable>
<Droppable
  onDragEnter={() => this.setState({ isover: true })}
  onDragLeave={() => this.setState({ isover: false })}
  onDrop={() => this.setState({ dropped: true })}
>
  <div className={dropCls}>
    <p style={{ textAlign: 'center' }}>Drop here</p>
  </div>
</Droppable>
以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號