如何在单击第二级时动态加载数据？答案

【问题标题】：How to load data dynamically upon clicking second level?如何在单击第二级时动态加载数据？
【发布时间】：2020-08-19 19:33:42
【问题描述】：

我正在填充 2 级数据，如来自 Rest API 的图片所示。我有另一个 Rest API，我需要调用 async 来填充第三级。例如，如果有人点击/展开“俄罗斯 1”，我需要触发 HTTP Get 以加载“俄罗斯 1”的子项。

我正在尝试使用 loadData={this.onLoadData} 但问题是它每次都会被调用，即使我正在扩展 'RUSSIA' 即级别 1。我希望它具有限制性，以便它只被调用在第二个级别。有什么办法可以吗？

这里是示例代码https://codesandbox.io/s/festive-banzai-0zwnl

【问题讨论】：

你能发布你的执行代码吗？
添加了代码快照。
请发TreeSelect的代码，上面的代码，我们还需要知道this.state.value是在哪里创建的。
示例代码添加了代码框
问题出在您的onChange 方法上。您一开始就缺少数据获取逻辑。

标签： reactjs antd react-dropdown-tree-select

【解决方案1】：

Ciao，您可以根据value 放置一个 if 并区分您要调用哪种 GET。比如：

    onChange = (value) => {
      console.log(value);
      if (value === "2") {
         console.log("HTTP Get data Russia-1");
      } else if (value === "3") {
         console.log("HTTP Get data Russia-2");
      }
      this.setState({ value });
    };

Here您的代码已修改。

【讨论】：