Ruby on rails 4 如何将json数组的多个对象合并到react组件中
我想迭代这个json字符串并将值输入到react组件:Ruby on rails 4 如何将json数组的多个对象合并到react组件中,ruby-on-rails-4,reactjs,react-jsx,Ruby On Rails 4,Reactjs,React Jsx,我想迭代这个json字符串并将值输入到react组件:{“users”:[{“name”:“jkhhjh”,“url”:“/users/240/individual_show”},{“name”:“bob”,“url”:“/users/241/individual_show”} 目前,我可以从json索引中的第一个或第二个对象生成一个组件,但我无法迭代整个字符串。我的react jsx代码如下: 在此处输入代码 var-FriendInfo=React.createClass({ getIn
{“users”:[{“name”:“jkhhjh”,“url”:“/users/240/individual_show”},{“name”:“bob”,“url”:“/users/241/individual_show”}
目前,我可以从json索引中的第一个或第二个对象生成一个组件,但我无法迭代整个字符串。我的react jsx代码如下:
在此处输入代码
var-FriendInfo=React.createClass({
getInitialState:函数(){
返回{
url:“”,
名称:“”
};
},
componentDidMount:function(){
$.get(this.props.source,函数(用户){
var users=user[“users”][0];
if(this.isMounted()){
this.setState({url:users.url,
url:users.url,
名称:users.name
});
}
}.约束(这个);
},
render:function(){
返回(
);
}
});
var RequestLinks=React.createClass({
render:function(){
返回(
);
}
});
var FriendBox=React.createClass({
render:function(){
返回(
);
}
});
React.render(,document.getElementById('test'))`在此处输入代码`
您需要使用map函数,该函数返回单个元素的数组
var-FriendInfo=React.createClass({
getInitialState:函数(){
返回{
用户:[]
};
},
componentDidMount:函数(){
$.get(this.props.source,函数(用户){
var users=user[“users”];
if(this.isMounted()){
this.setState({users:users});
}
}.约束(这个);
},
渲染:函数(){
返回(
{
this.state.users.map(函数(用户){
回来
})
}
);
}
});
var RequestLinks=React.createClass({
渲染:函数(){
返回(
);
}
});
var FriendBox=React.createClass({
渲染:函数(){
返回(
);
}
});
React.render(,document.getElementById('test'))代码>