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中获取选定日期

回答

相关问题