reactjs - 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 对象。那么为什么 render 方法不接受这个对象呢？

Answer 1

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

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