添加 react-beautiful-dnd 有警告；不起作用

Question

我正在 https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd 上完成作者的教程 task-app。我的代码是相同的，但该应用程序不起作用。可能是因为警告？这是我第一次尝试在 codeSandbox 之外使用 react。我从有效的 >npx create-react-app task-app、imported styled-components 开始，然后输入 >yarn add react-beautiful-dnd。其中，出现了以下警告：

<块引用>

警告“> react-beautiful-dnd@13.0.0”有不正确的对等依赖 “反应@^16.8.5”。

警告“> react-beautiful-dnd@13.0.0”有不正确的对等依赖 “反应域@^16.8.5”。

最后，即使我的代码与教程中的代码相同，拖放也不起作用。

Answer 1

好的，我想通了。教程和随附的示例代码有一行很旧。 innerRef 参数应该是 ref。我会展示一个例子，但我无法格式化代码以便我可以发布。

Answer 2

对 HTML DOM 元素使用 ref，对 React 组件使用 innerRef https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md#a-common-error-