大致理解這幾個API的觀點後,垃圾(Box.jsx)扔進垃圾桶(Dustbin.jsx)的代碼將會是:
collect 是一個函數,默認有兩個參數:connect戰monitor。強大的拖拽組件:ReactDnD的利用-collect函數將前往一個對象,這個對象會注入到組件的 props 中,react拖拽組件也就是說,咱們能夠通過this.props獲與collect前往的所有屬性。
spec界說特定方式的對象,如source組件的spec 能夠界說拖動有關的事務,花蓮民宿target組件的spec 能夠界說安排有關的事務,具體列表:
type的類型能夠是 string,symbol,也能夠是用一個函數來前往該組件的其他 props。
React DnD的最後緣由是閱讀《若何寫一個拖拽日曆組件》附的源碼時,SegmentFault思否react拖看不懂拖拽組件 React DnD 的有關代碼,于是步履力極強地了React DnD這個組件。