Antd 树拖拽一些细节，官网没有，摸坑篇

主要是记录一下Antd拖拽树的一些重要参数和分类讨论，不对的话请不吝赐教
给到启示的文章有：关于 antd tree 组件的推拽操作
1、考虑一个问题，这个树功能足够多的时候会很复杂，建议抽出作为一个组件使用、
2、如果blockNode还是没用，只能点击文字生效，那就最好考虑是不是css里面控制一下span的长度

该文件是建立在dva初始化界面的，很简单操作，需要注意的是版本问题，这里3.x和4.x版本操作不一样，用户移动树枝的时候显示也不一样，👈3.x，👉4.x，下面代码是4.x版本，对应3.x要微调一下逻辑，参数没有变化。

import React from 'react';
import {
    connect } from 'dva';
import styles from './IndexPage.css';
import {
    Tree } from 'antd';

const {
    TreeNode } = Tree;
//取自官网元数据，分析例子数据的由来并没有卵用，所以直接贴在这里了
const gData = [
  {
   
    "title": "0-0",
    "key": "0-0",
    "children": [
      {
   
        "title": "0-0-0",
        "key": "0-0-0",
        "children": [
          {
   
            "title": "0-0-0-0",
            "key": "0-0-0-0"
          },
          {
   
            "title": "0-0-0-1",
            "key": "0-0-0-1"
          },
          {
   
            "title": "0-0-0-2",
            "key": "0-0-0-2"
          }
        ]
      },
      {
   
        "title": "0-0-1",
        "key": "0-0-1",
        "children": [
          {
   
            "title": "0-0-1-0",
            "key": "0-0-1-0"
          },
          {
   
            "title": "0-0-1-1",
            "key": "0-0-1-1"
          },
          {
   
            "title": "0-0-1-2",
            "key": "0-0-1-2"
          }
        ]
      },