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

【问题标题】：Date Mapping and Timestamp Convert to date Reactjs日期映射和时间戳转换为日期 Reactjs
【发布时间】：2021-12-31 04:31:04
【问题描述】：

我遇到错误，它说“对象作为 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}/>

【问题讨论】：

如果您包含指向库文档的链接会更好，因为这个MUIDataTable 不是您的。这样，回答者就有机会更好地理解问题。

标签： reactjs database firebase web mapping

【解决方案1】：

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

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

【讨论】：