中发起Ajax请求,用axios请求数据
拿到数据后,然后通过setState去更新组件的state的数据渲染到页面上
同时,当价格大于10时,进行了一些逻辑判断,让价格大于10的变红色,在JSX里面是可以插值表达式的方式进行一些特殊处理的...注意:本地模拟数据的json文件(这里是goodlist.json),放置的位置只能是放置在根目录public目录文件夹下,若放置在其他处,是不起作用的
之所以放在public能起作用,访问的路径直接是根路径即可...,同样Ajax请求也是放在componentDidMount组件挂载完之后进行数据请求,如下代码所示
componentDidMount(){
// 使用fetch,这里的地止换成上面的this.baseUrl...Promise设计的,旧版本的浏览器不支持fetch,需要用polyfill es6-promise
具体更详细的fetch使用,可参照MDN文档的
方式三:使用JQ的Ajax
jquery是一个库,在...,而发送Ajax的方式有axios,fetch,Jquery Ajax,以及request的方式,其中axios与fetch,request是主流的方式
同时介绍了在项目的根目录public文件夹下放置模拟的假数据