从 json 创建 reactjs 类答案

【问题标题】：create reactjs class from json从 json 创建 reactjs 类
【发布时间】：2016-11-22 21:50:58
【问题描述】：

我的目标：从下面的 json 创建 js es6 类。

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 的简单模型

更新：是的，我们使用流

【问题讨论】：

这看起来不像 JavaScript。你在使用打字稿吗？还是流量？还是实验性提案？
你必须在构造函数中初始化数组。
我使用 reactjs @FelixKling

标签： javascript json reactjs

【解决方案1】：

如果你真的在 ES2015 上工作，你可以在构造函数中赋值。

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

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

但我建议你确认你写的是哪种语言。 JavaScript 中没有像 : string 这样的类型声明，即使在 ECMAScript 2015+ 中也是如此。

TypeScript 中存在这种类型声明语法。您还可以使用 FlowJS 扩展 JS 语法。 ReactJS 是框架，与语法无关。

【讨论】：