image.png
前言
在React中,render函数返回的结果,取决于组件的props和state
我们都知道UI页面上的数据不是写死的,往往是从后端的数据接口中拿到的
然后将真实的数据填充到页面上...不生效的
对应的UI效果显示:如下所示
image.png
当然对于UI以什么样的方式来显示,你自己可以用css进行控制的,这并不是文本的重点
在哪个生命周期函数中发送AJax请求
把Ajax请求放在...中发起Ajax请求,用axios请求数据
拿到数据后,然后通过setState去更新组件的state的数据渲染到页面上
同时,当价格大于10时,进行了一些逻辑判断,让价格大于10的变红色,在JSX里面是可以插值表达式的方式进行一些特殊处理的...)的方式
将json字符串,转化为json对象,然后做处理的
如果你是使用axios的方式请求数据,那么是不用进行json序列的格式化的
小结
在React中请求数据的几种方式
axios(普遍常用)...public目录下mock本地数据
这种方式比较简单,直接在工程public目录下创建一个api文件夹,新建一个json文件就可以了
若使用axios进行数据的请求,或者fetch的方式,url以反斜杠