用的typescript编译，axios处理异步，获取到数据之后渲染一个导航，不过我获取到之后并没有渲染出来 ，可以帮我看下问题出在哪吗？下面有标记没有按我想法运行代码的位置 谢谢
state有数据，console没报错

/// 

import * as React from 'react';
import * as axios from 'axios';

const styles = {
    container: {
        margin: '1rem'
    },
    h2: {
        fontWeight: 300,
        fontSize: '1.5rem'
    },
    techs: {
        display: 'flex',
        flexDirection: 'row',
        flexWrap: 'wrap',
        justifyContent: 'space-around'
    }
};

// 數據結構
class NavList {
    constructor(
        public name: string,
        public link: string
    ) {}
}

interface NavProps { };

interface NavState {
    nav: NavList[]
};

export class Navs extends React.Component {
    constructor() {
        super();
        this.state = { nav: [] };
    }

    componentDidMount() {
        axios
            .get('app/nav/nav.json')
            .then((response: Axios.AxiosXHR) => {
                this.setState({ nav: response.data });
            });
    }

    render() {
        return (
            
        );
    }
}