2016-11-22 1 views
-1

내 목표 : 아래 json에서 js es6 class를 만듭니다.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

이것은 자바 스크립트처럼 보입니다. 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는 프레임 워크이며 구문과 관련이 없습니다.

관련 문제