react-sortable-tree 不适用于 react 17.0.1

IT技术 reactjs
2021-05-27 19:00:04

我正在使用 react-sortable-tree 的示例,但它不适用于react 17.0.1

当我使用 react 16.14.0 时,它没有错误并且工作正常。

错误列表:

  • 无法在卸载的组件上找到节点。在 findHostInstanceWithWarning
  • 未捕获的类型错误:this.clearMonitorSubscription 不是 ScrollingComponent.componentWillUnmount 的函数
  • <Scrolling(List)> 组件出现上述错误:
import React from 'react'
import 'react-sortable-tree/style.css'
import SortableTree from 'react-sortable-tree'
class Areas extends React.Component {
  constructor(props) {
    super(props)

    this.state = {
      treeData: [
        { title: 'Chicken', children: [{ title: 'Egg' }] },
        { title: 'Fish', children: [{ title: 'fingerline' }] }
      ]
    }
  }

  render() {
    return (
      <div style={{ height: 400 }}>
        <SortableTree
          treeData={this.state.treeData}
          onChange={treeData => this.setState({ treeData })}
        />
      </div>
    )
  }
}
1个回答

对我来说,将组件的isVirtualized属性设置为临时解决方案(链接)。警告:它在拖动和滚动到.SortableTreefalsesearchFocusOffset

还有一个使用https://github.com/frontend-collective/react-sortable-tree/issues/821#issuecomment-766860082的解决方案patch-package

对应问题:https : //github.com/frontend-collective/react-sortable-tree/issues/821

公关观看:https : //github.com/frontend-collective/frontend-collective-react-dnd-scrollzone/pull/80