react接收后端文件_React如何从后端获取数据并渲染到前端？

ajax和json对于reactjs来说主要是表现形式不同，但最终都会变成js object，根据具体情况不同而选择。

比如我们建立一个用于筛选网站提供能够的服务项目(service)的页面，这个页面大概如下所示

class ServiceList extends React.Component{

constructor(props){

super(props)

this.state={

//我们使用state里面的services来保存所有的service

//刚开始的时候，内容为空

services:[],

//这里的view决定了我们要显示哪些service

view:"type_a"

}

}

render(){

//当react库运行到render方法的时候,就会遍历所有state中service的项目

const serviceShows = this.state.services.map((service,index)=>{

//如果这个service的type和当前view相符，就把他添加到待显示内容的array中去

if(service.type === this.state.view){

return

{service}

//看到有说用index做为key是anti-pattern，这个我也没有过多研究

//更好的方法肯定是用一些明确能代表数据的值，比如service.id这样会更好

//但是有时候通过相同的