使用 react-beautiful-dnd 获取 DragHandle 错误

Getting DragHandle error with react-beautiful-dnd

我正在使用 react-beautiful-dnd 版本 8.0.5(最新)并尝试呈现可重组列表,但我不断收到此错误:

Warning: React.createElement: type is invalid -- expected a string (for 
built-in components) or a class/function (for composite components) but 
got: undefined. You likely forgot to export your component from the file 
it's defined in. Check the render method of `DragHandle`.

我从 this example. I currently use react-redux, Formik's HOC and react-virtualized-select. When I copy the code to a codesandbox example 复制了部分代码,它至少可以呈现(我猜是有问题)。有人有什么主意吗?如果需要,我可以提供更多代码。

react-beautiful-dnd V8.0.5 作为 React 16 的对等依赖 check their package.json

这解释了为什么它在沙箱 (React 16) 中呈现,而在您的项目 (React 15) 中不起作用。

当你执行npm install时你应该有警告:

您可以将 React 15 更新到 React 16 或降级 react-beautiful-dnd 的版本,找到最后一个适用于 React 15 的版本。