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

时间:2018-07-18 16:21:52

标签: reactjs react-redux formik

我正在使用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时,它至少会进行渲染(我猜是毛刺的)。有人有什么主意吗?如果需要,我可以提供更多代码。

1 个答案:

答案 0 :(得分:3)

react-beautiful-dnd V8.0.5作为对React 16 enter image description here

的对等依赖

这说明了为什么要在沙箱中进行渲染(第16号反应),而无法在您的项目中使用(第15号反应)。

在执行npm install时应该有警告:

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