javascript - ant design 菜单从接口里面获取 怎么写？现在都是写死的

Question

菜单是动态从接口里面读取的，但是不知道怎么写 module.exports ,不知道怎么在ajax里面写module.exports

const func = function () {
  let  $d = {};
  $d.opId = Cookie.get('user_id');
  $d.tokens = Cookie.get('tokens');
  Ajax.ajax({
    url: Config.api+"/menu/queryAllMenuList",
    method:"post",
    data:$d,
    //processData: options.method === 'get',
    dataType: 'JSON',
  }).done((data) => {
    return [];
  })
};

Answer 1

取得出來的資料組裝成一個antd組件可以辨識的結構體，例如table的dataSource屬性辨識一個陣列這樣的？

Answer 2

把ajax封裝變成一個函數，呼叫這個函數並拿到ajax的值。
剩下的就是操縱數據的問題了。

ajax是異步的，所以module.exports是拿不到ajax的值的。

Answer 3

在模組裡面呼叫ajax,設定一個state, 回呼成功後改變該state的值，然後在render中組裝成一個antd元件

class Demo extends React.Component {
    constructor(){
        this.state = {
            data: []
        }
    }
    componentWillMount(){
        //...
        Ajax.ajax({
            url: Config.api+"/menu/queryAllMenuList",
            method:"post",
            data:$d,
            //processData: options.method === 'get',
            dataType: 'JSON',
          }).done((data) => {
            this.setState({
                data: data
            })
          })
          //....
    }
    render() {
        //使用this.state.data作为数据写antdesign的组件
    }
}

export default Demo;