Как разместить API данных в Ant Design Cascader?

Question

Мне ранее удавалось размещать и извлекать данные, но для меню функций и раскрывающегося списка ... изображение ниже

ну,проблема в том, как получить или поместить данные в каскад?Я беру данные из примера разработки муравья ... который я запутался в том, как извлечь данные из 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} />;
  }

Демонстрация: