React—ajax

import React from 'react';
import ReactDom from 'react-dom';
import $ from 'jquery';

class Hello extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            id: '',
            url: ''
        }
    }

    componentDidMount() {
        $.get(this.props.source, (data) => { // 用jq $.get
            this.setState({
                id: data[0].id, // 获取到的id给state的id
                url: data[0].url // 获取到的url给state的url
            })
        })
    }

    render () {
        return (
            <div>
                <p>ID:{this.state.id}</p>
                <p>地址:{this.state.url}</p>
            </div>
        )
    }
}


ReactDom.render(
    <div>
        <Hello source="https://api.github.com/users/octocat/gists"></Hello>
    </div>,
    document.getElementById('root')
)
发布了157 篇原创文章 · 获赞 15 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/Poppy_LYT/article/details/100702338