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

Question

我正在使用 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 复制了部分代码。我目前使用 react-redux、Formik 的 HOC 和 react-virtualized-select。当我将代码复制到codesandbox example 时，它至少会呈现（我猜是有问题）。有谁有想法吗？如果需要，我可以提供更多代码。

Answer 1

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 的版本。