reactjs - React-beautiful-dnd 与其他 Dragging 包的冲突
问题描述
我正在尝试在一个应用程序中同时使用 D3 并行 parcoords 和 Material-table。每个组件都可以单独运行。但是当它们一起渲染时,react-beautiful-dnd 内部会出现问题。D3 parallel parcoords 在内部使用 d3-dragging 包,material-table 使用 react-beautiful-dnd 包。
<div className="App">
<Chart data={chartData} update={updateGridData} colorSet={colorSet} mouseOverRow={overRow} />
<EditableGrid data={gridData} update={updateChartData} overRow={updateOverRow} />
</div>
我认为,因为每个组件中的 react-beautiful-dnd 和 d3-dragging 在渲染时会相互影响,所以会发生此问题。
解决方案
我通过在 react-beautiful-dnd 上的 ref 解决了更改 innerRef
改变:
<Component innerRef={provided.innerRef} {...provided.droppableProps}>
至:
<Component ref={provided.innerRef} {...provided.droppableProps}>
推荐阅读
- php - 将 Laravel 应用程序部署到共享主机并获得“500 | 服务器错误”
- javascript - JavaScript 中使用 WebGl 的基本大整数加法
- sql - 如何使用 SQL 逐行更新使用事务日志的表
- javascript - Angular Behavior Subject 多个参数
- mysql - 我希望下面的代码能够根据我输入的 BLOOG GROUP 和 RHESUS 获取捐助者的数据,但它是从数据库中获取所有内容
- php - PHP 卷曲 | 无法在 CENTOS 7 环境中读取证书
- javascript - 有没有办法从构建文件夹中获取包含所有组件的 React App 文件夹?
- unit-testing - CI Gitlab上单元测试的一些问题
- android - 无法编译构建文件
- python - “警告:pip 配置了需要 TLS/SSL 的位置,但是 Python 中的 ssl 模块不可用。” Ubuntu 21.04 Python 3.8.10