如何使用reactjs从列表中同时过滤日期和时间

import React, { useState } from 'react';

const FilteredList = () => {
  const [date, setDate] = useState('');
  const [time, setTime] = useState('');
  const data = [
    { id: 1, date: '2022-01-01', time: '10:00' },
    { id: 2, date: '2022-01-02', time: '12:00' },
    { id: 3, date: '2022-01-03', time: '14:00' },
  ];

  const handleDateChange = (event) => {
    setDate(event.target.value);
  };

  const handleTimeChange = (event) => {
    setTime(event.target.value);
  };

  const filteredData = data.filter((item) => {
    return item.date.includes(date) && item.time.includes(time);
  });

  return (
    <div>
      <input type="date" value={date} onChange={handleDateChange} />
      <input type="time" value={time} onChange={handleTimeChange} />
      <ul>
        {filteredData.map((item) => (
          <li key={item.id}>
            Date: {item.date}, Time: {item.time}
          </li>
        ))}
      </ul>
    </div>
  );
};

export default FilteredList;