Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/147.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 4 如何将json数组的多个对象合并到react组件中_Ruby On Rails 4_Reactjs_React Jsx - Fatal编程技术网

Ruby on rails 4 如何将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

我想迭代这个json字符串并将值输入到react组件:
{“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'))