javascript - react : function comes back as undefined

Question

摘要

我在功能组件中有以下功能，但它总是返回未定义。函数内的所有数据、tableData 和subtractedStats 均已定义且准确。

这可能只是我正在制作的一个小 JavaScript，因此我们将非常感谢您的帮助!

代码

这是下面的功能组件:

const TableComponent = ({ tableData }) => {
  formatTableData = () => {
    console.log("inside sumDataFormat", tableData);
    return tableData.forEach(competitor => {
      let subtractedStats = [];
      console.log("competitor in", competitor);
      for (const i in competitor.startingLifeTimeStats) {
        if (competitor.startingLifeTimeStats[i]) {
          competitor.stats
            ? (subtractedStats[i] =
                competitor.stats[i] - competitor.startingLifeTimeStats[i])
            : (subtractedStats[i] = 0);
        }
      }
      console.log("subtractedStats", subtractedStats);
      return subtractedStats;
    });
  };

  useEffect(() => {
    console.log("formatTableData", formatTableData());
  });
}

编辑:

有人可以帮我看看这段代码有什么问题吗(如何解决这个问题？)并可以简要解释一下功能组件

Answer 1

forEach 函数不会返回任何内容，它只是迭代您的数组，给您一个 undefined，map 函数可以成为您所寻找的:

  formatTableData = () => {
    console.log("inside sumDataFormat", tableData);
    return tableData.map(competitor => { // This returns another array where every element is converted by what's returned in the predicate