AJAX& React:Console.log不能正常工作?

时间:2017-09-23 03:58:46

标签: javascript ajax reactjs

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>
        )
    }
}

我尝试使用AJAX和Github API来获取个人资料数据,但不知道它为什么不起作用。任何人都可以解释为什么JSON Data没有登录dev工具吗?

任何帮助将不胜感激:)

1 个答案:

答案 0 :(得分:0)

尝试此控制台日志

console.log('data' + data);