撰文 | 川川
前言
在React中,render函数返回的结果,取决于组件的props和state
我们都知道UI页面上的数据不是写死的,往往是从后端的数据接口中拿到的
然后将真实的数据填充到页面上...请求,用axios请求数据
拿到数据后,然后通过setState去更新组件的state的数据渲染到页面上
同时,当价格大于10时,进行了一些逻辑判断,让价格大于10的变红色,在JSX里面是可以插值表达式的方式进行一些特殊处理的...fetch方法
该方法是浏览器标准的一个接口,提供了一种简单合理的方式来跨网络异步的获取资源数据,现在也是越来越流行使用的,同样Ajax请求也是放在componentDidMount组件挂载完之后进行数据请求...request-promise的方式实现Ajax数据的请求也是可以的,注意使用该方式时,无法使用本地mock数据的
它也是支持promise对象,注意,当返回成功的response的类型是一个json字符串格式...抓取本地化模拟数据
使用mockoon进行mock本地数据
使用easy-mock伪造接口数据(推荐多用)
结语
本文主要讲解了React中如何发送Ajax请求,其中发送请求放置的地方应当在componentDidMount