reactjs - 单击第二级时如何动态加载数据？

Question

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

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

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

Answer 1

Ciao，您可以根据value并区分您要调用的 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 });
    };

在这里您的代码已修改。