日期映射和时间戳转换为日期 Reactjs

Question

我遇到错误，它说“对象作为 React 子项无效。如果你想渲染一个子项集合，请改用数组”这是我的代码。

 const timestamp = Object.keys(data).map((id, index) => {
      var startDate = data[id].start_date.seconds
      var start_date = new Date(startDate*1000);
      console.log(start_date)
//Tue Nov 30 2021 03:00:00 GMT+0800 (Standard Time)//
      return [
        index + 1,
        data[id].eventTitle,
        data[id].venue,
        start_date, ///error here
        data[id].end_date.seconds,
]})


<MUIDataTable data={timestamp}/>

Answer 1

正如错误消息中明确指出的那样，问题是您传递的是 Date 对象。 https://github.com/gregnb/mui-datatables 中的文档清楚地说明了以下内容： “用于描述 table 的数据。必须是包含 key/value 对对象的数组，其值是字符串或数字，或者是字符串或数字数组”

因此，您应该将日期对象转换为您想要的格式的字符串，例如 start_date.toLocaleString()

日期映射和时间戳转换为日期 Reactjs

Date Mapping and Timestamp Convert to date Reactjs

reactjs

database

firebase

web

mapping