javascript - ReactJS方法不断返回未定义

Question

我的方法非常简单。它循环遍历对象数组并返回参数中具有给定 id 的对象。这是:

returnValueToDelete(id) {
    this.state.rows.map(function(value) {
      if (value["id"] === id) {
        console.log(value);
        return value;
      }
    });
  }

当我在渲染函数中使用如下实际 id 调用此方法时:

console.log(this.returnValueToDelete("IDThatExists"));

自调用以来，它首先会在 returnValueToDelete 函数中打印正确的值，但随后会打印 undefined。谁能解释一下为什么以及如何解决这个问题？我在渲染方法中打印了它，因为我想在使用它之前对其进行测试，但它似乎总是返回 undefined 因为我们正在打印返回的内容。非常感谢任何帮助!

编辑

这是我的 this.state.rows:

rows: [
    {
      id: "name",
      numeric: false,
      disablePadding: true,
      label: "Dessert (100g serving)"
    },
    {
      id: "calories",
      numeric: true,
      disablePadding: false,
      label: "Calories"
    },
    {
      id: "fat",
      numeric: true,
      disablePadding: false,
      label: "Fat (g)"
    },
    {
      id: "carbs",
      numeric: true,
      disablePadding: false,
      label: "Carbs (g)"
    },
    {
      id: "protein",
      numeric: true,
      disablePadding: false,
      label: "Protein (g)"
    }
  ]

Answer 1

这是一个在状态中硬编码行的示例。

 this.state = {
   rows: [
     {id:1, name: 'ss'},
     {id:2, name: 'aa'}
   ]
 };

  returnValueToDelete(id) {
    return this.state.rows.filter(value => value.id === id)
  }

  console.log(this.returnValueToDelete(1))