AJAX和React：Console.log无法正常工作吗？

Question

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import Profile from './Github/Profile.jsx';

class App extends Component{
    constructor(props){
        super(props);
        this.state = {
            username: 'TedSean',
            userData: [],
            userRepos: [],
            perPage: 5
        }
    }
    profileData() {
        $.ajax({

            url: 'https://api.github.com/users/'+this.state.username+'?client_id='+this.props.clientId+'&client_secret='+this.props.clientSecret,
            dataType: 'json',
            cache: false,
            success: function(data){
                console.log(data);
            }.bind(this),
            error: function(xhr, status, err){
               alert(err); 
            }.bind(this)
        });
    }

    componentDidMount() {

        this.profileData();
    }
    render() {
        return (
           <div> 
                {this.props.username}
           </div>
        )
    }
}

I'm trying to use AJAX with Github API to get profile data but don't know why it is not working. Can anybody explain why JSON Data is not getting logged in dev tools ?

Any help would be appreciated :)

Answer 1

试试这个控制台日志

console.log('data' + data);