2016-11-22 4 views
-1

私の目標:jsonからjs es6クラスを作成します。jsonからreactjsクラスを作成

JSON:

{ 
    "Firms": { 
     "Blacklist": [ 
      { 
       "Description": "", 
       "Firms": [ 
        { 
         "FirmId": 64843222, 
         "FirmName": "insanis2", 
         "Comment": null 
        } 
       ] 
      } 
     ], 
     "Neutral": [], 
     "Partners": [] 
    } 
} 

マイ試みたJSコード、あなたが見ることができます。

配列に問題があります。

どのようにreactjsクラス配列フィールドを追加しますか?

export default class FirmLists { 
    Firms 
} 

export default class Firms { 
    Blacklist //array 
    Neutral //array  
} 

export default class Firm { 
    FirmId: string = null; 
    FirmName: string = null; 
    Comment: string = null; 
} 

export default class Blacklist { 
    Description: string = null; 
    Firms //array 
} 

export default class Neutral { 
    Description: string = null; 
    Firms //array 
} 

JSON

更新からこの単純なモデルは:はい、私たちは、あなたが本当にES2015上で作業している場合、あなたは、コンストラクタで値を割り当てることができ、フロー

+0

これはJavaScriptのようには見えません。 Typescriptを使っていますか?または流れ?または実験的提案ですか? –

+0

コンストラクタの配列を初期化する必要があります。 – Thomas

+0

私はreactjs @FelixKlingを使用しています – spbsmile

答えて

0

を使用しています。

class Firm { 
    constructor() { 
    this.Blacklist = []; 
    this.Neutral = []; 
    this.Partners = []; 

    this.Blacklist.push(new BlacklistItem(...)) 
    } 
} 

しかし、どのような言語を書いているかを確認することをおすすめします。 ECMAScript 2015+の場合でも、JavaScriptには: stringのような型宣言はありません。

このような型宣言構文はTypeScriptにあります。 FlowJSを使用してJS構文を拡張することもできます。 ReactJSはフレームワークであり、構文とは関係ありません。

関連する問題