超出最大调用堆栈大小？答案

【问题标题】：Maximum call stack size exceeded?超出最大调用堆栈大小？
【发布时间】：2020-12-06 09:50:44
【问题描述】：

当我在单独的项目中运行日期范围选择器时，我在我的项目中添加日期范围选择器它工作正常，但是当我尝试将它与我的项目集成时，我使用相同的代码收到此错误“未捕获的 RangeError：最大调用超出堆栈大小" 这是我的日期范围选择器代码这是我的 Date.js 文件


import React, { Component } from 'react';

import  {DateRangePicker}  from 'react-date-range';
import { addDays } from 'date-fns';

import moment from 'moment'
import 'react-date-range/dist/styles.css'; // main style file
import 'react-date-range/dist/theme/default.css'; // theme css file

class Date extends Component {
  handleSelect(ranges){
    console.log(ranges);
 
  }
  constructor(props) {
    super(props);
    this.state = {
      selectionRange: {
        startDate: new Date(),
        endDate: addDays(new Date(), 7),
       
        key: "selection"
      }
    }
  }
  

  handleDateSelect = (item) => {
    this.setState({
      ...item
    });
  }

  render()
  {
 
    return (
   
 
      <DateRangePicker
     
      onChange={(item) => this.setState({selectionRange: item.selection})}
   

      showSelectionPreview={true}
      moveRangeOnFirstSelection={false}
      months={2}
     
      ranges={[this.state.selectionRange]}
     
      direction="horizontal"
    />
    );
  }
}

export default Date

谁能帮我解决这个问题？我在控制台中收到此错误

【问题讨论】：

标签： reactjs daterangepicker

【解决方案1】：

您的类被命名为Date，因此当您调用new Date() 时，您正在调用该类的构造函数。这会递归发生并导致堆栈溢出。

尝试将您的课程重命名为其他名称（例如 DatePicker）。

【讨论】：