react–antd 实现TreeSelect树形选择组件，实现点开一层调一次接口

目录

法1：需求： react–antd 实现TreeSelect树形选择组件，实现点开一层调一次接口

注意:

部分代码:

法2：封装成公共的：

---

法1：需求： react–antd 实现TreeSelect树形选择组件，实现点开一层调一次接口

效果图: 

---

注意:

当选择“否”，开始调接口，不要把点击事件调接口写在TreeSelect组件上，这样会导致问题出现(本来效果是点击一层级展开下一层级，结果显示第一层节点打开后，点击节点，所有节点都没了)，没有层级了

原因: 1、更改下点击事件位置   2、层级的id是不是重复了（第一次点击输入框调接口，获取树形数据，当第二次再点击输入框时，又重新刷新刚才获取的树形数据，如果第一次调接口时，展开的层级中只有一个层级的，即没有children，就会影响第二次点击，即第二次点击就只显示一层，并且没有可展开的三角，所以第二次及之后的点击，不要再次调接口）

解决： 区分是不是第一次点击，如果不是第一次点击，就不调接口了

---

部分代码:

 

 

---

法2：封装成公共的：

注意：调接口要区分第几次点击的

 拓展：

使用Ant Design UI库实现异步加载树形结构文件夹管理 | WUWEI'S BLOG