React父組件如何從react-day-picker中獲取選定日期

以下是它們的示例組件。React父組件如何從react-day-picker中獲取選定日期

class MyAwesomeComponent extends React.Component { 
    state = { 
    selectedDay: new Date(), 
    }; 
    handleDayClick = day => { 
    this.setState({ 
     selectedDay: day, 
    }); 
    }; 
    render() { 
    return (
     <div> 
     <DayPicker 
      onDayClick={this.handleDayClick} 
      selectedDays={this.state.selectedDay} 
     /> 
     </div> 
    ); 
    } 
}

如何從此樣本反應組件中選擇數據？

來源

2017-08-30 user2355785

this.state.selectedDay將在選擇完成後顯示所選日期。

來源

2017-08-30 10:13:36 bennygenel

this.state.selectedDay在DayPicker的上下文中，而不是我的父組件。我無法訪問DayPicker的狀態。 'handleDayClick =（day）=> {...}' – user2355785

'您將所選日期設置爲selectedDay狀態。 – bennygenel

this.state.selectedDay在父組件中未定義。我的解決方案是將回調函數傳遞到組件並通過回調返回值。 – user2355785

React父組件如何從react-day-picker中獲取選定日期

回答

相關問題