2017-12-02 6 views
0

私は2つのJSONファイルを読んでいますが、1回読むともう一方の子を知ることになります。相関のある反応で分離された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] .name] .age'を使用できますか? – cowCrazy

+0

これは良いアイデアでしたが、うまくいきませんでした。 –

+0

JSONはエンコードされたデータを含む**文字列**形式です。データを操作する場合は、JSON **文字列**を解析して、エンコードされた実際のデータを取得する必要があります。 –

答えて

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で

は、のは、その一例を見てみましょう:「cowCrazy」:

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

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

3にconsole.logは同じ結果が表示されます。

こちらがお役に立てば幸いです。

+0

おかげで、安い例を申し訳ありませんが、問題ではなかった、react.jsとライフサイクルに問題があります。私はこれをレンダリングすることは不可能だと思う –

関連する問題