如何从对象数组中查找最近日期，然后在react中添加新字段并返回数组

import React from 'react';

class MyComponent extends React.Component {
  findNearestDate = (data) => {
    // 在这里编写查找最近日期的逻辑
  }

  render() {
    // 在这里返回React组件的内容
  }
}

findNearestDate = (data) => {
  const currentDate = new Date(); // 获取当前日期

  // 使用reduce方法遍历数组，找到最近日期
  const nearestDate = data.reduce((nearest, item) => {
    const itemDate = new Date(item.date); // 假设对象数组中的每个对象都有一个名为date的属性，表示日期
    const timeDiff = Math.abs(currentDate - itemDate); // 计算当前日期与数组中每个对象的日期的时间差

    if (nearest === null || timeDiff < nearest.timeDiff) {
      return {
        date: item.date,
        timeDiff: timeDiff
      };
    } else {
      return nearest;
    }
  }, null);

  // 遍历数组，为每个对象添加新字段
  const updatedData = data.map(item => {
    if (item.date === nearestDate.date) {
      return {
        ...item,
        nearest: true
      };
    } else {
      return {
        ...item,
        nearest: false
      };
    }
  });

  return updatedData; // 返回更新后的数组
}

render() {
  const data = [
    { date: '2022-01-01', name: 'Object 1' },
    { date: '2022-02-01', name: 'Object 2' },
    { date: '2022-03-01', name: 'Object 3' }
  ];

  const updatedData = this.findNearestDate(data);

  return (
    <div>
      {updatedData.map(item => (
        <div key={item.date}>
          <p>{item.name}</p>
          <p>{item.date}</p>
          <p>{item.nearest ? 'Nearest Date' : ''}</p>
        </div>
      ))}
    </div>
  );
}