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

问题描述

菜单是动态从接口里面读取的，但是不知道怎么写 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 []; })};

问题解答

获取出来的数据组装成一个antd组件可以识别的结构体，比如table的dataSource属性识别一个数组这样的？

把ajax封装成为一个函数，调用这个函数并拿到ajax的值。剩下的就是操纵数据的问题了。

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

在模块里面调用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;