在 Facebook Flow 中使用地图

Question

在我正在构建的当前 React 应用程序中，我正在使用 Facebook Flow 来检查我正在编写的 JavaScript 代码。

但是，我对 Objects as maps as described here. 有点困惑

我有以下数据集：

var dataSet : data = {
    translations: {
        TITLE: [
            "sdmk",
            "sdmflk",
            "sdmflk"
        ]
    }
}

还有以下2种：

type languageResource = {
    [key: string]: Array<string>;
};

type data = {
    +translations?: Array<languageResource>;
};

当我尝试使用此代码动态访问翻译时：

var t = dataSet.translations["TITLE"];

流程产生错误：

20: var t = dataSet.translations["TITLE"]; ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 访问计算的属性/元素。元素不能被访问 20: var t = dataSet.translations["TITLE"]; ^^^^^^^ 字符串

对这段代码有什么问题有什么建议吗？

Answer 1

您将translations 定义为Array，因此您的对象的实现应该反映它

var dataSet : data = {
    translations: [
      {
         TITLE: [
            "sdmk",
            "sdmflk",
            "sdmflk"
         ]
      }
   ]
}