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属性を削除すると(もちろんボタンを表示せずに)、Evertyingは正常に機能しますが、この属性を追加すると、「未定義のプロパティonClearDateMouseEnterを読み取れません」という例外が発生します
以下は、エラーが発生している場所を示す 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 関数を提供する必要があること、またはコード内でそれに対するその他の参照を提供する必要があることへの参照はありません。
ここで何が欠けていますか?