Reactjs 将数据选择到日期选择器

我的React应用程序中有一个MUI日期选择器，我想用于服务器端数据。 我正在控制台日志中返回我在useState hook

const[availableDate，setAvailableDate]=useState（{}）中传递的正确数据现在要将所选日期传递到选择器：

返回的JSON

  const data = [
    {
      date: '05/05/21',
      timeSlots: [
        {
          end: '11:00',
          start: '12:00'
        }
      ]
    },
    {
      date: '05/05/24',
      timeSlots: [
        {
          end: '13:00',
          start: '14:00'
        }
      ]
    }
  ];

日期选择器

const [availableDate, setAvailableDate] = useState({});
const [filteredData, setFilteredData] = useState(availableDate);

//set current date as default

var curr = new Date();
function setDate(dat) {
    let datt = {
      date: {// ... returend date},
      start: '11:40',
      end: '13:00',
    };
    service.stepDate.setCvData(datt);
  }
  curr.setDate(curr.getDate());
  var date = curr.toISOString().substr(0, 10);


日期选择器
我尝试在日期选择器中映射数组数据，但这只返回多个选择器

      {availableDates.map((index) => (
        <div className="calendarWrapper">
          <form noValidate>
            <TextField
              key={index.id}
              minDate={today}
              id="date"
              type="date"
              onChange={setDate}
              defaultValue={date}
            />
          </form>
        </div>
      ))}

{availableDates.map（（索引）=>(
))}

如何从json中提取所选日期
ex:date:“2021/05/24”
，并将其传递到我的
setDate（）
函数中？
首先，onChange接口如下

  onChange(e) { 
    // e.target.value
  }

所以你不能直接从e获得你的约会对象

日期也是一个对象，最初不能是
{}
，
null
可以是一个选项，或者
new date（）