在一个组件中从 date-fns 导入函数但在另一个组件中导入函数时遇到问题？

Question

我正在尝试将此函数从date-fns 库中导入我的组件之一，如下所示：

import { eachMonthOfInterval } from "date-fns";

我正在组件中这样测试它：

  let result = eachMonthOfInterval({
      start: props.state.startDate ? new Date(props.state.startDate) : '', 
      end: props.state.endDate ? new Date(props.state.endDate) : ''
    })

  console.log(result)

不幸的是，我不断收到TypeError: Object(...) is not a function

奇怪的是，像这样导入时，我可以在另一个组件中使用来自 date-fns 的 format()：

import {format} from "date-fns";

所以...这是一个错误还是我在这里做错了什么？

编辑：这是文档https://date-fns.org/v2.14.0/docs/eachMonthOfInterval的链接

Answer 1

你能试试这个吗？ 首先，在你的终端输入这个（确保终端在项目文件夹中）：
npm install date-fns --save

    import React, { Component } from 'react'
import { eachMonthOfInterval } from 'date-fns'

class TimeInterval extends Component {
   constructor(props) {
      super(props)

   }

   render() {
      var result = eachMonthOfInterval({
         start: new Date(2014, 1, 6),
         end: new Date(2014, 7, 10)
       })
       console.log(result);
      return (
         <div>
            <h1 id='title'>Interval</h1>
            <table id='students'>
               <tbody>

               </tbody>
            </table>
         </div>
      )
   }
}

export default TimeInterval;