Javascript airbnb react-dates showClearDate抛出

Question

我正在尝试让清除日期按钮出现在SingleDatePicker上。查看文档，我所要做的就是将showClearDate属性添加到SingleDatePicker。这是我实现它的方式：

<SingleDatePicker 
    date={null}
    isOutsideRange={ (date) => {return false} }
    id={detail.name}
    showClearDate={true}
    focused={focused}
    numberOfMonths={ 1 }
    onDateChange={ (date) => { handleDateChange( momentToISO(date) )}}
    onFocusChange={({ focused }) =>{ 
      handleFocusChange(focused) 
      }
    }
  />

如果我删除了showClearDate属性(当然没有显示按钮)，onClearDateMouseEnter就可以正常工作，但是当我添加这个属性时，我得到一个异常"cannot read property onClearDateMouseEnter of undefined“

以下代码取自react-dates SingleDatePickerInput.jsx，显示错误发生的位置。

 {showClearDate && (
    <button
      {...css(
        styles.SingleDatePickerInput_clearDate,
        small && styles.SingleDatePickerInput_clearDate__small,
        !customCloseIcon && styles.SingleDatePickerInput_clearDate__default,
        !displayValue && styles.SingleDatePickerInput_clearDate__hide,
      )}
      type="button"
      aria-label={phrases.clearDate}
      disabled={disabled}
      onMouseEnter={this.onClearDateMouseEnter} // here
      onMouseLeave={this.onClearDateMouseLeave} // i imagine here too
      onClick={onClearDate}
    >
      {closeIcon}
    </button>
  )}

文档中没有提到必须在代码中提供函数、onClearDateMouseEnter函数或对它的任何其他引用。

这里我漏掉了什么？

Answer 1

我也有类似的问题。我得到相同的错误"SingleDatePickerInput.js:236未捕获TypeError:无法读取未定义的属性'onClearDateMouseEnter‘“。

看起来他们在17.1.1里解决了这个问题。让我们看看这是否有帮助，我很快就会测试它。