javascript - 在对象数组上映射（错误：类型“{}”上不存在属性“映射”。TS2339）

Question

我正在做一个应用程序，在其中使用 Recruitee API 获取工作机会列表。我将获取的数组存储在称为作业的状态中。

它看起来像这样：

jobs = [ 0: {title: frontent-developer, company: whatever, departement: software}, 1: {title: fullstach-devloper, company: foobar, departement: management}]

现在我想在 map 函数的帮助下将它显示为一个列表，如下所示：

<ul>
{jobs.map((row) => {
                  return <li>(row.title)</li>;
                })}
</ul>

现在我收到错误错误：类型“{}”上不存在属性“地图”。TS2339，我不确定出了什么问题或该怎么做。

有人有想法吗？

标签： javascriptarraysreactjstypescriptarray.prototype.map

Answer 1

像这样试试

const jobs = [
      {
        title: "frontent-developer",
        company: "whatever",
        departement: "software"
      },
      {
        title: "fullstach-devloper",
        company: "foobar",
        departement: "management"
      }
    ];

    return (
      <ul>
        {jobs.map((row) => {
          return <li>{row.title}</li>;
        })}
      </ul>
    );