TypeError: Object(...) is not a function with React Table and moment.js

Posted 2023-02-19

【中文标题】TypeError: Object(...) is not a function with React Table and moment.js

【英文标题】：

【发布时间】：2019-03-01 21:15:40

【问题描述】：

我正在使用 React Table 模块，我正在尝试利用 moment 从传递给 ReactTable 组件的数据的 created_at 字段中显示更好的日期格式。

let columns = [
  id: "createdAt",
  Header: "Created",
  accessor: a => <Fragment>moment(a.created_at).format("MM DD YYYY")</Fragment>
];

但由于某种原因，它正在抱怨错误

TypeError: Object(...) 不是函数

指向这条线。

如果我只是简单地执行a.created_at，它将正常显示。模块肯定是导入的。

【问题讨论】：

发布你所有的代码...你确定a.created_at 还不是时刻对象吗？

对我来说很好：codesandbox.io/s/p73pnxjwpj

@DanielLizik，是的，它作为日期时间存储在数据库中。

@ChrisG，单独它可以工作，但是当在 react-table 模块中指定时会发生错误。 react-table 一定有问题

@gamofe 我用<ReactTable>更新了代码示例。

【参考方案1】：

当我以错误的方式导入时刻时出现此错误

import moment from "moment"; // with errors 'Object(...) is not a function'
import moment from "moment"; //no more errors

【讨论】：

哇，遇到了这个答案，拯救了我的一天，这里发生了哪种奇才？

【参考方案2】：

可能是导入语句错误

import moment from 'moment';

不要写

import * as moment from 'moment';

或

import moment from 'moment';