import React , { Component,Fragment} from 'react';
import logo from './logo.png';
import './header.css';
import { Menu, Icon } from 'antd';
import axios from 'axios';

class AppHeader extends Component {

    constructor(props){
        super(props);
        this.state = {
            list:[]
        };
        this.a = '123';
    }

    getMenuItems(){
        return this.state.list.map(item =>{
            return(
                <Menu.Item key={item.id}>
                    <Icon type={item.icon} />{item.title}
                </Menu.Item>
            )
        })
    }

    componentDidMount(){
        axios.get('http://www.dell-lee.com/react/api/header.json').then(
            (res)=>{
                // this.setState({
                //     list:res.data.data
                // });
                this.state.list.push(res.data.data);
                console.log(this.a,this.state.list);
            }
        )
    }

    render(){
        return(
            <Fragment>
                <img src={logo} className='app-header-logo'/>
                <Menu mode="horizontal" className='app-header-menu'>
                    {this.getMenuItems()}
                </Menu>
                
            </Fragment>
        )
    }
}

export default AppHeader;

// this.setState({
                //     list:res.data.data
                // });
                this.state.list.push(res.data.data);
                console.log(this.a,this.state.list);

问题1：直接在class类的方法里面用this.a来用构造方法里面的属性值是不是只能访问，而要改变构造方法里的属性值要用到this.setStata这种规定语法

问题2：能讲一下this.setState吗