时间戳

首页 > 解决方案 > 在 React.js 中拖动时如何更改光标 CSS

javascript - 在 React.js 中拖动时如何更改光标 CSS

问题描述

在网络浏览器上时，我需要show边框 css 。当行边框 css 它应该是. 拖动行边框 css 时应再次显示。draggingrowclick and draghiddenfinished

对于拖放，我使用这个库“react-sortable-hoc”

https://github.com/clauderic/react-sortable-hoc

有什么方法可以使用 CSS 实现这一点吗？请指导我。

codesandox代码片段：（代码编译时出现一些错误）

https://codesandbox.io/s/lucid-shadow-3t0qv

在按钮上单击recurring-form-values add-ad-hoc应该调用这个 className。

样式.js

      &.add-ad-hoc {
        display: flex;
        align-items: center;
      }
      &.selectedRow {
        border-right: 1px solid ${Colors.grayLight3};
        + div {
          box-shadow: none;
              }        
      }

问题视频：

https://drive.google.com/file/d/1RZ54SWPj5tO7IuHHkeeTu0BXT6X0wJUR/view?usp=sharing

截屏

希望这对你有帮助！

标签： javascriptcssreactjsdrag-and-dropcursor

解决方案

推荐阅读