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;