撰文 | 川川
前言
在React中,render函数返回的结果,取决于组件的props和state
我们都知道UI页面上的数据不是写死的,往往是从后端的数据接口中拿到的
然后将真实的数据填充到页面上...请求,用axios请求数据
拿到数据后,然后通过setState去更新组件的state的数据渲染到页面上
同时,当价格大于10时,进行了一些逻辑判断,让价格大于10的变红色,在JSX里面是可以插值表达式的方式进行一些特殊处理的...注意:本地模拟数据的json文件(这里是goodlist.json),放置的位置只能是放置在根目录public目录文件夹下,若放置在其他处,是不起作用的
之所以放在public能起作用,访问的路径直接是根路径即可...库,调用一个rp函数
import rp from 'request-promise'
然后在componentDidMount内进行Ajax的数据请求,如下代码所示
componentDidMount...Ajax数据的请求也是可以的,注意使用该方式时,无法使用本地mock数据的
它也是支持promise对象,注意,当返回成功的response的类型是一个json字符串格式,你需要用JSON.parse(