反応日ピッカー：navbarElement内に日付を設定する

Question

私はreact-day-pickerコンポーネントを使用しています。年月を別々に増減することができる日付ピッカーを持っていません。 最後の行でわかるように、navbarElementを上書きしました。矢印機能handleNextYearClickでは、年を1つ増やす必要があります。しかし、dateを親コンポーネントDayPickerにアクセスして設定するにはどうすればよいですか。私はonNextClickと呼ぶことができますが、月+ 1だけ増えます。

export interface IDatePickerNavbarProps { 
    date?: Date, 
    nextMonth?: Date, 
    previousMonth?: Date, 
    localeUtils?: any, 
    locale?: string, 
    onNextClick?:() => {} 
} 

export interface IDatePickerNavbarState { 

} 

class DatePickerNavBar extends Component<IDatePickerNavbarProps, IDatePickerNavbarState> { 

    constructor(props: IDatePickerNavbarProps) { 
     super(props); 
    } 

    handleNextMonthClick = (event: React.MouseEvent<HTMLElement>) => { 
     this.props.onNextClick(); 
    } 

    handleNextYearClick = (event: React.MouseEvent<HTMLElement>) => { 
     // How to set the new date => current date + 1 year 
     // I am only able to call this.props.onNextClick() but that does 
     // +1 only month count 
    } 

    render() { 
     return (
      <div className={Styles.DayPickerSelectBox}> 
       <div className={Styles.DayPickerNavbarYear}> 
        year: 
        <span>last</span> - <span onClick={this.handleNextYearClick}>next</span> 
       </div> 
       <div className={Styles.DayPickerNavbarMonth}> 
        month: 
        <span>last</span> - <span onClick={this.handleNextMonthClick}>next</span> 
       </div> 
      </div> 
     ); 
    } 
} 

...これはtypescriptです表記によって乱さ感じてはいけない...

<DayPicker navbarElement={<DatePickerNavBar />} captionElement={<DatePickerCaption />} /> 

私の主な日付ピッカーコンポーネントでrender()メソッド内に私のコードです。悲しいことに

Answer 1

、それはnavbarElementにさらされていない現在の月：

http://react-day-picker.js.org/api/DayPicker#navbarElement

それはpreviousMonth厳しいがあります:)

month小道具は、次のリリースで追加されます：https://github.com/gpbl/react-day-picker/pull/552

navbarElement={ 
    (month) => <DatePickerNavBar currentMonth={month} /> 
}