javascript - 添加 jquery datepicker 来 react 组件

Question

我正在尝试将日期选择器集成到 react 组件中。我正在使用pickaday日期选择器的 jquery 库。为了实现这一点，我创建了以下组件。

DatePicker.js.jsx

var DatePicker = React.createClass({
//This is a callback to parent component for updating the state
    changeDuration: function (date) {
        this.props.changeDuration(this.props.id, date);
    },

    componentDidMount: function () {
        _self = this;
        new Pikaday({
            field: document.getElementById(this.props.id),
            format: 'D MMM YYYY',
            onSelect: function () {
                _self.changeDuration(this.getMoment())
            },
            minDate: this.props.minDate
        });
    },


    render: function () {
        return (
            <input type="text" name={this.props.name} id={this.props.id} defaultValue={this.props.value}/>
        )
    }
});

这里的问题是，在第一页加载时，我可以选择日期选择器并且它按预期工作，但是如果我在不重新加载的情况下再次更改它，它将无法工作并在控制台中显示以下错误。

Uncaught TypeError: _self.changeDuration is not a function

有人可以告诉我这里做错了什么吗？

Answer 1

错误是你的变量没有类型声明。

_self = this;

应该是

var _self = this