我正在尝试在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属性”
以下内容来自显示错误发生位置的反应日期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函数或代码中对其的任何其他引用。
我在这里想念什么?
答案 0 :(得分:0)
我有一个类似的问题。我收到相同的错误“ SingleDatePickerInput.js:236 Uncaught TypeError:无法读取未定义的属性'onClearDateMouseEnter'”。
好像他们在17.1.1中修复了它。让我们看看是否有帮助,我会尽快对其进行测试。