onCahngeイベントの価値を得るには？

Question

react-input-calendarを使用しています。私はdate onChangeイベントの値を取得し、それを新しいページに渡したいと思います。 どうすればいいですか？

コードは以下の通りです：

constructor() { 
    super(); 
    this.state = {value: new Date(),inputdate:''}; 
    this.handleChange = this.handleChange.bind(this); 
} 

handleChange(newDate, event) { 
    console.log(newDate); 
    this.setState({inputdate:newDate}); 
} 

<Calendar format='dddd DD MMM' closeOnSelect={true} date={this.state.value} 
ref="inputdate" inputName="inputdate" computableFormat='MM-DD-YYYY' onChange= 
{this.handleChange.bind(this,"inputdate")} /> 

私はhandleChangeの値を取得できますか？

Answer 1

props.onChange, Function

default: null

Set a function that will be triggered whenever there is a change in the selected date. It will return the date in the props.computableFormat format.

は、ドキュメントによると、それはこのように利用可能であるべきである：

constructor(props) { 
    super(props); 

    this.handleChange = this.handleChange.bind(this); 
} 
handleChange(newDate, event) { 
    //newDate should be passed here 
    console.log(newDate); 
} 

<Calendar format='dddd DD MMM' closeOnSelect={true} date={this.state.value0} 
ref="inputdate" inputName="inputdate" computableFormat='MM-DD-YYYY' onChange= 
{this.handleChange} /> 

チェックsrcライブラリのコードも渡されたオブジェクトのプロパティライブラリはのonChangeを呼び出しますように見えます。小道具はnewDateに入っています。

if (this.props.onChange) { 
    this.props.onChange(computableDate) 
}