撰文 | 川川
前言
在React中,render函数返回的结果,取决于组件的props和state
我们都知道UI页面上的数据不是写死的,往往是从后端的数据接口中拿到的
然后将真实的数据填充到页面上...当然对于UI以什么样的方式来显示,你自己可以用css进行控制的,这并不是文本的重点
在哪个生命周期函数中发送AJax请求
把Ajax请求放在componentWillMount组件即将被挂载的函数中也是可以的...但是官方推荐放在componentDidMount这个生命周期函数中发起Ajax请求,因为执行这个生命周期时,DOM已经挂载完了
这样做可以拿到Ajax请求返回的数据并通过setState来更新组件...请求放在componentDidMount生命周期内
componentDidMount(){
// 使用axios完成ajax数据请求
axios.get(this.baseUrl...数据的请求也是可以的,注意使用该方式时,无法使用本地mock数据的
它也是支持promise对象,注意,当返回成功的response的类型是一个json字符串格式,你需要用JSON.parse()的方式