打字稿反应Json数组格式显示

Question

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

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

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

现在数据处于从数据库加载的状态中反应

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 数组中取出标题并将其存储在变量中。 我怎样才能做到这一点？ 谢谢

Answer 1

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

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