Reactjs 从react dnd获取后端实例

我正在尝试在应用程序中同时使用

react dnd

和

react big calendar

以及拖放支持（在引擎盖下也使用

react dnd

）。但是，如果我单独启动它们，我会得到一个错误：

未捕获错误：不能同时有两个HTML5后端。

代码如下：

App.js

import React from 'react'
import {DragDropContext} from 'react-dnd'
import HTML5Backend from 'react-dnd-html5-backend'
import Calendar from './Calendar'

class App extends React.Component {
  render() {
    return {
      <div>
        ...
        <Calendar />
      </div>
    }
  }
}

export default DragDropContext(HTML5Backend)(App)

import React from 'react'
import BigCalendar from 'react-big-calendar'
import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop'

const Calendar = withDragAndDrop(BigCalendar)
...

react big calendar

说明

withDragAndDrop（）

函数可以接受后端作为第二个参数，这意味着，理论上，我应该能够检索已为

react dnd

设置的后端实例，并将其作为参数传递。但是，我不确定如何检索后端实例

react dnd

提到了一个实例方法

getManager（）

，它应该可以帮助我检索后端（

getManager（）.getBackend（）

）。然而，这里的关键是实例方法。如何从我的

Calendar.js

文件中获取

DragDropContext（HTML5Backend）（App）

的实例