小白初學(xué)react，組件初始化怎么獲取數(shù)據(jù)

我現(xiàn)在有一個(gè)menu組件，用來展示菜單欄。
我的想法是這樣的：

import * as React from 'react'
import {Menu, Icon} from 'antd'
import {getMenuInfo} from "../../api/menu";
import * as PropTypes from 'prop-types';

/**
 * 定義state包含的屬性
 *
 * @interface IState
 */
interface IState {
    menus: any[]
}


interface IProps {
    theme?: any
    mode?: any
}

export default class SideMenu extends React.Component<IProps, IState> {
    static state: IState

    // 初始化的時(shí)候設(shè)定默認(rèn)值
    static defaultProps = {
        theme: 'light',
        mode: 'inline'
    }
    // 運(yùn)行時(shí)的類型檢測
    static propTypes = {
        theme: PropTypes.string,
        mode: PropTypes.string,
    }

    constructor(props: IProps) {
        super(props)
        this.getMenu()
    }

    // 獲取菜單信息，并放入state中
    getMenu = async () => {
        const data = await getMenuInfo()
        const menus = data.result
        this.setState({
            menus
        })
    }

    render() {
        const menus = this.state.menus
        const menuList = menus.map(item =>
            <Menu.Item key={item.id}>
                <Icon type={item.icon}/>
                <span>{item.name}</span>
            </Menu.Item>
        )
        const {theme, mode} = this.props
        return (
            <div>
                <Menu theme={theme} mode={mode}>
                    {menuList}
                </Menu>
            </div>
        )
    }


}

我想在構(gòu)造函數(shù)的時(shí)候，通過api獲取到menu的值，然后set到state中，但是發(fā)現(xiàn)menu的值為null.

剛學(xué)習(xí)react，所以不知道正確的方式應(yīng)該是什么。 希望指教

附api

import axios from '../utils/axios'


export const getMenuInfo = ():any => {
    return axios('/menus/tree')
}