react 拖拽连接插件_react可拖动的好用的树结构插件

react tree 可拖动树结构：

github地址：

安装：

NPM

npm install react-sortable-tree –save

YARN

yarn add react-sortable-tree

引用

import SortableTree from ‘react-sortable-tree’;

import ‘react-sortable-tree/style.css’;

使用

此处我是做成可公共组件props可传data数据调用的公用组件.

export default class SortableTrees extends React.PureComponent {

// 定义propTypes传输类型：

static propTypes = {

isDrop: PropTypes.bool, // 是否可以拖动

treeData: PropTypes.array, // 树结构数据

onChangeVal: PropTypes.func, // 值改变触发事件

haveChildren: PropTypes.bool, // 是否有子级

};

// 设置默认值

static defaultProps = {

isDrop: true,

haveChildren: true,

treeData: [{

title: 'Workflow test',

expanded: t