如何在相关的反应中渲染分离的JSON

时间:2017-12-02 11:31:12

标签: javascript json reactjs odata

我正在阅读两个JSON文件,只有一次我读了一个,我才知道另一个的孩子。

示例:

文件:“/ user.js”

{Users:[name: "John", profession: "writer"],[name: "May", profession: "none"]}

档案:“/ages.js”

{ages:{Jack:{age:66}},{John:{age:45}}}
render(){    
    <div>
    First Worker {Users[0].name} <!-- Only now I will know his name-->

    Is {ages.X.age} years old <!-- X should be John, I wanted to do something like {ages.Users[0].name.age} -->
    </div>
}

1 个答案:

答案 0 :(得分:1)

文件:“/ user.js”和“/ages.js”不是有效的JSON文件,让我们在https://jsonlint.com进行检查。

有效的JSON文件可能是:

文件:“/ user.js”

{"Users": [{"name": "John","profession": "writer"},{"name": "May","profession": "none"}]}

文件:“/ages.js”

{"ages": [{"Jack": {"age": 66}},{"John": {"age": 45}}]}

更改后, cowCrazy 的解决方案应该有效。

在javascript中,你可以作为关联数组访问对象的键值,让我们看一下这个例子:

var users = {"name":"cowCrazy"};
var tmp = "name";

console.log(users.name);
console.log(users["name"]);
console.log(users[tmp]);

三个console.log将显示相同的结果:“cowCrazy”。

我希望这可以帮到你。