react dnd使用遇到問題總結

2021-10-01 03:24:49 字數 1807 閱讀 7674

import react from

"react"

;import

from

"react-dom";;

import

from

'react-dnd'

import html5backend from

'react-dnd-html5-backend'

import

from

'redux'

;import

from

'react-redux'

;import reducer from

"./reducer"

;let store =

createstore

(reducer,window.__redux_devtools_extension__ && window.

__redux_devtools_extension__()

);render

(>

>

>

<

/provider>

<

/dragdropcontextprovider>

, document.

getelementbyid

("root"))

;

這裡是原先**

當我要把這個這個當成乙個系統中的乙個小組件時,這時候,這個provider就會被渲染好多次,那麼現在,

原先我直接把**移植,然後改了下provider

import react from

"react"

;import html5backend from

'react-dnd-html5-backend'

import

from

'react-dnd'

import draganddrophoc from

'./draganddrophoc'

export

default

(props)

=>

>

>

<

/dragdropcontextprovider>

)}

大概意思是需要我們給context設定唯一標識,這裡我的解決

先用hoc高階元件包裹一層

import react from

'react'

import

from

"react-dnd"

;import html5backend from

"react-dnd-html5-backend"

;const

draganddrophoc

= props =>

<

/react.fragment>};

export

default

然後呼叫的地方就是這樣了

import react from

"react"

;import draganddrophoc from

'./draganddrophoc'

export

default

(props)

=>

>

>

<

/draganddrophoc.

html5

>

)}

其實這樣做的目的很簡單,就是保證乙個系統存在乙個dragdropcontext

vue專案中使用echarts 遇到問題總結

需要注意echarts版本不同,部分屬性可能有所不同,我用的是echarts4.0.一 echarts圖表自適應問題。自適應 function doc,win else if doc.addeventlistener return recalc win.addeventlistener resize...

使用遇到的問題 Mac Pro使用遇到問題

mac os x無法休眠?教你用pmset找出原因。如何重置 mac 上的系統管理控制器 smc mac retina 合蓋後開啟突然黑屏,長按開機鍵無反應?應該是有一次修改了系統設定,解決如下 mac os x中顯示 不顯示隱藏檔案方法 命令列 mac不能複製拷貝寫入檔案到行動硬碟,u盤怎麼辦 n...

使用django開發遇到問題

1 建立專案 1.1 安裝django pip install django 1.2 新建目錄learning log 1.2 進入目錄learning log,django admin py startproject learning log 注 後面那個 不能落下 2 python3無法安裝my...