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

import React, { Component } from 'react';
import { Cascader } from 'antd';
import { fetchDataAPI } from 'your-data-api'; // 自定义的数据 API

class YourComponent extends Component {
  state = {
    cascaderOptions: [],
    cascaderValue: [],
  };

  componentDidMount() {
    // 使用数据 API 获取数据
    fetchDataAPI().then((data) => {
      this.setState({ cascaderOptions: data });
    });
  }

  handleCascaderChange = (value) => {
    this.setState({ cascaderValue: value });
  };

  render() {
    const { cascaderOptions, cascaderValue } = this.state;

    return (
      <Cascader
        options={cascaderOptions}
        value={cascaderValue}
        onChange={this.handleCascaderChange}
      />
    );
  }
}

export default YourComponent;