react树控件rc-tree使用简介

今天为大家介绍一个比较好用的react树控件rc-tree(貌似是某宝制作的react树控件)

rc-tree的github网址：https://github.com/react-component/tree

rc-tree的部分功能如下图所示：

那么，就让我们一步步实现上图中的Tree以及相关功能

第一步：安装rc-tree

    打开控制台输入npm install rc-tree

第二步：在页面中加入rc-tree依赖

      1.创建文件Tree.jsx

      2.加入rc-tree组件依赖  

var React=require('react');
var PropTypes=require('react').PropTypes;
import Tree, { TreeNode } from 'rc-tree';
//require('rc-tree/assets/index.css');
import cssAnimation from 'css-animation';
var Link= require('react-router').Link;
var IndexLink=require('react-router').IndexLink;

    3.加入rc-tree样式依赖

//require('rc-tree/assets/index.css');

 也可以单独把rc-tree中的index.css提取出来，加在index.html中，方便调试 。