输入脚本反应Json数组格式以显示

时间:2019-01-29 10:24:28

标签: javascript arrays json reactjs typescript

这是存储在数据库中的数据

[
  {
    "id": "0",
    "item": {
      "title": "City1"
    }
  },
  {
    "id": "1",
    "item": {
      "title": "City2"
    }
  }
]

现在这些数据存在于道具中的city中。

现在,数据处于状态,并在React中从数据库中加载数据

interface itemType { title: string };

声明的接口,用于格式化字符串数据, 我只想显示预期的字符串格式标题。

我正在写这样的函数。

private loadData = () => {
        interface itemType { title: string };   
        const titleArray: [itemType] = [];
        const { city} = this.props;
        city.source.isComplete ? city.source.value.map((item) => {
            titleArray.push({ title: item.title })

        }) : [];
    }

帮我按照上面的要求将其转换为字符串。谢谢。

我只想从JSON数组中获取标题并将其存储在变量中。 我怎样才能做到这一点? 谢谢

1 个答案:

答案 0 :(得分:0)

您可以直接映射获取的数据:

const titleArray: [itemType] = city.source.value.map(item => item.title);