問題描述

菜單是動(dòng)態(tài)從接口里面讀取的，但是不知道怎么寫 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 []; })};

問題解答

獲取出來的數(shù)據(jù)組裝成一個(gè)antd組件可以識(shí)別的結(jié)構(gòu)體，比如table的dataSource屬性識(shí)別一個(gè)數(shù)組這樣的？

把a(bǔ)jax封裝成為一個(gè)函數(shù)，調(diào)用這個(gè)函數(shù)并拿到ajax的值。剩下的就是操縱數(shù)據(jù)的問題了。

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

在模塊里面調(diào)用ajax,設(shè)置一個(gè)state, 回調(diào)成功后改變?cè)搒tate的值，然后在render中組裝成一個(gè)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作為數(shù)據(jù)寫antdesign的組件 }}export default Demo;