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')
)
React—ajax
猜你喜欢
转载自blog.csdn.net/Poppy_LYT/article/details/100702338
今日推荐
周排行