import React ,{Component,Fragment} from 'react';

import ReactDOM from 'react-dom';

import logo from './logo.png';

import {Menu} from 'antd';//导入横向菜单组件

import "./style.css"//导入css样式表

import axios from 'axios';

class AppHeader extends Component{

constructor(props){

super(props);

this.state={

list:[]

    }

}

getMenuItem(){

    return  this.state.list.map(item=>{

   return  <Menu.Item key={item.id}> 

           {item.title}

           </Menu.Item>

})

}

render(){

return(

<Fragment>

<img src={logo} className="app-header-img"/ >

<Menu className="app-header-menu" mode="horizontal">

{this.getMenuItem()}

</Menu>

</Fragment>

)

}

componentDidMount(){

axios.get('http://www.dell-lee.com/react/api/header.json')

.then(

(res)=>{console.log(this)

// console.log(res.data.data);

// this.setState

})

}

}

export default AppHeader;

 componentDidMount(){

   不太懂以下代码中this的指向问题，一般箭头函数没有this，里面的this是从父级作用域中获取来的,这里的父级作用域是不是then()方法的作用域，那是什么呢then方法中this是指向谁呢？请大神指点

axios.get('http://www.dell-lee.com/react/api/header.json')

.then(

(res)=>{console.log(this)

// console.log(res.data.data);

// this.setState

})

}