DragDropContext是一个无效的组件

Question

我尝试创建DragDropContext但失败了。

var root = <CommentBox url="/metis/api/shifts" pollInterval={2000} />;

var AppDnD = ReactDnD.DragDropContext(ReactDnDMultiBackend.default(RDMBHTML5toTouch.default))(root);

ReactDOM.render(AppDnD, document.getElementById('content'));

这给...

  

ReactDOM.render（）：无效的组件元素。而不是通过   像Foo这样的类，传递React.createElement（Foo）或。

...在控制台中。

我认为装饰React对象会产生一个新的React对象。那么为什么渲染方法不接受这个对象呢？

Answer 1

React component和React element之间存在差异。在react-dnd的文档中，写了ReactDnD.DragDropContext返回component（这意味着AppDnD是一个组件），但React.render期望element作为第一个参数。因此，将元素传递给render方法，就像这样

ReactDOM.render(<AppDnD />, document.getElementById('content'));