problema-componente.js

import React from 'react';
import ReactDom from 'react-dom';
import axios from 'axios';

class Header extends React.Component {
    constructor() {
      super()
        debugger
        this.state = {
            name: '',
            description: ''
        };
    }

    getData() {
        axios
            .get('http://api.randomuser.me/')
            .then(response => {
                this.setState({
                    name: response.data.results[0].user.name.first,
                    description: response.data.results[0].user.gender
                });
            });
    }
    componentDidMount() {
      debugger
        this.getData();
    }
    render() {
        return ( 
          <div >
            <h1 > {this.state.name} </h1>
            <h2 > {this.state.description} </h2>
           </div>
        );
    }
}
ReactDom.render( < Header / > , document.getElementById('root'));