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 구성요소가 인식할 수 있는 구조로 조립됩니다. 예를 들어 테이블의 dataSource 속성이 배열을 인식합니까?

Answer 2

ajax를 함수로 캡슐화하고 이 함수를 호출하여 ajax 값을 가져옵니다.
나머지는 데이터를 조작하는 문제입니다.

ajax는 비동기식이므로 module.exports는 ajax 값을 가져올 수 없습니다.

Answer 3

모듈에서 ajax를 호출하고 상태를 설정하고 콜백이 성공한 후 상태 값을 변경한 다음 렌더링에서 antd 구성 요소로 어셈블합니다.

class Demo는 React.Component를 확장합니다.
    건설자(){
        this.state = {
            데이터: []
        }
    }
    구성요소WillMount(){
        //...
        아약스.아약스({
            URL: Config.api+"/menu/queryAllMenuList",
            메소드:"게시",
            데이터:$d,
            //processData: options.method === 'get',
            데이터 유형: 'JSON',
          }).done((데이터) => {
            this.setState({
                데이터: 데이터
            })
          })
          //....
    }
    렌더링() {
        //antdesign 컴포넌트를 작성하기 위한 데이터로 this.state.data를 사용합니다.
    }
}

기본 데모 내보내기;