将数组映射到接口对象

时间:2019-01-16 20:12:42

标签: reactjs typescript mapping

我正在React中使用打字稿。我有一个Tag对象数组,每个对象都有一个name和id属性。我试图将这些标签映射到具有属性名称和值的新“选择项目”接口。

我的代码:

let items: ISelectItem[];
        switch (this.state.selectedType) {
            case "Tag":{
               items = tags.map(tag => {
                   return {
                    name: tag.name, 
                    value: tag.id
                   }
                });
            }
            default: {
                items = [];
            }
        } 

我正在console.logging项数组,并且在调试时似乎我碰到了正确的开关盒,但是最后我的新项数组为空。我的地图出了什么问题?

1 个答案:

答案 0 :(得分:0)

您不会在遇到首个案件后返回或中断,因此您的默认案件一直在运行。

在第一种情况的末尾添加一个break;语句。