dnd 中的 isDragging 属性有问题

Question

我的项目使用打字稿。我试图在拖动列时产生一些 css 效果（拖动时颜色变化）。但是我在使用 isDragging 属性时遇到错误。谁能帮我解决一下？

错误是：属性 'isDragging' 在类型 'DetailedHTMLProps

上不存在

我知道我正在尝试将属性 isDragging 添加到 div。这不是 HTMLElement 支持的属性。这就是为什么它给出这样的错误。

我的问题是如何让它适用于我的代码。

Answer 1

您可以改用 data attributes。

例如它可以变成：

...
<div ... data-dragging={snapshot.isDragging}>
   ...
</div>
...

然后匹配CSS:

[data-dragging="true"] {
  /* your styles */
}

---

超级简单的例子：https://stackblitz.com/edit/react-dpfmdi?file=src/App.js（点击段落）