Question

我正在努力用webpack模块捆绑器实现反应日期范围选择器。我已经关注了日期范围选择器（https://www.npmjs.com/package/react-date-range）中的一个npm反应组件。如果我尝试使用webpack实现，我有一个错误。也就是说，＆＃34; Uncaught TypeError：type.toUpperCase不是函数＆＃34;。请检查我的下面的代码我为此尝试了什么，

var React  = require('react');
var DateRange = require('react-date-range');

var Calendarcomponent = React.createClass({
  handleSelect:function(range){
    console.log(range);
  },
  render:function(){
      return (
        <div>
          <DateRange
            onInit={this.handleSelect}
            onchange={this.handleSelect}
          />
        </div>
      )
  }
});

module.exports = Calendarcomponent;

Answer 1

import { DateRange } from 'react-date-range'不是react-date-range软件包的默认导出。

在示例中，请注意导入期间的结构化语法：

var DateRange = require('react-date-range').DateRange

你可以在ES5 ala中重写这个：

$(document).ready(function(){
$('#searchButton').click(function(){
$("form").submit()//assuming you have a form tag with an action specified
})
})

Answer 2

您必须使用下面提到的react-date-range

var DateRange = require('react-date-range').DateRange;

如何使用webpack模块捆绑器实现react-date-range picker？

2 个答案: