javascript - 如何将数据API放入Ant Design Cascader中？

Question

我之前已经设法放置和检索数据，但是对于功能菜单和下拉菜单......下图

那么，问题是如何在级联器中检索或放置数据？我从 Ant 设计示例中获取数据......我对如何从 API 检索数据感到困惑......

我不明白如何在设计中从 API 获取或放置数据到 Cascader https://ant.design/components/cascader/ ,

我直接使用codesanbox.io这个url分享代码 https://codesandbox.io/embed/distracted-hodgkin-8lmt6

Answer 1

将 allCategory id 属性映射到 value 并将 name 映射到 label 属性:

  render() {
    const options = this.state.allCategory.map(category => ({
      value: category.id,
      label: category.name
    }));

    return <Cascader options={options} />;
  }

演示: