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(): Invalid component element. Instead of passing a class like Foo, pass React.createElement(Foo) or .

...在控制台中。

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

Answer 1

React component和React element有区别。在react-dnd的文档中写着ReactDnD.DragDropContext returns一个component（意思是AppDnD是一个组件），但是React.render期望element 作为第一个参数。所以将一个元素传递给 render 方法，像这样

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

DragDropContext 是无效组件

DragDropContext is an invalid component

reactjs

react-dnd