尝试使用 .map 对数组对象进行排序

Question

我有以下代码，我试图在其中遍历对象数组，但由于某种原因，它告诉我 data.map 不是函数，即使我知道 data 中有内容。

function Tree({ data }) {

  let count = 0;

  return (

    <>

      {data.map(item => {

        count += 1;

        console.log("Item", item.name);

        return (

          <div key={count} className="node">

            {/* {item.name} */}

          </div>

        );

      })}

    </>

  );

}

export default Tree;

当我将其更改为 Object.entries 时，我会找回一些东西，但我过去不是这样做的，所以我对这里的问题有点困惑。

function Tree({ data }) {

  let count = 0;

  return (

    <>

      {Object.entries(data).map(item => {

        count += 1;

        console.log("Item", item.name);

        return (

          <div key={count} className="node">

            {/* {item.name} */}

          </div>

        );

      })}

    </>

  );

}

export default Tree;

数组对象的构造如下：

[

  {

    id: 0,

    name: Brannon,

  },

  {

    id: 1,

    name: John,

  }

]