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;