- 安装第三方工具:axios
在控制台中进去项目目录,执行npm install axios --save
- 重启项目:
npm run dev
- 代码中引入axios包
import axios from "axios";
- 将ajax请求放到componentDidMount()函数中
componentDidMount() {
const promise = axios.get('接口地址');
promise.then((res)=> {
console.log(res)
})
}
完整代码:
import React, {Component} from "react";
import axios from "axios";
class Counter extends Component {
handleClick() {
window.addEventListener('click', ()=> {
console.log('window click')
})
}
render() {
return (
<div onClick={this.handleClick.bind(this)}>
hello world
</div>
)
}
componentDidMount() {
const promise = axios.get('接口地址');
promise.then((res)=> {
console.log(res)
})
}
}
export default Counter