Reactjs 切换在反应日选择器中选择的周
我为选定的一周使用了React day picker。 如果选择新的一周,我的州会升级。 如果单击“每周”,我希望取消选择日历中的周 此外,我从服务器获取并发布日期,所以我想检查是否选择了日期。如果选择了日期,则单击以删除所选日期 我的代码Reactjs 切换在反应日选择器中选择的周,reactjs,Reactjs,我为选定的一周使用了React day picker。 如果选择新的一周,我的州会升级。 如果单击“每周”,我希望取消选择日历中的周 此外,我从服务器获取并发布日期,所以我想检查是否选择了日期。如果选择了日期,则单击以删除所选日期 我的代码 state = { selectedDays: [], }; handleWeekClick = (weekNumber, days, e) => { this.setState({ selectedDay
state = {
selectedDays: [],
};
handleWeekClick = (weekNumber, days, e) => {
this.setState({
selectedDays: days,
});
};
render() {
const { selectedDays } = this.state;
return (
<div className="SelectedWeekExample">
<DayPicker
selectedDays={selectedDays}
showWeekNumbers
showOutsideDays
onDayMouseEnter={this.handleDayEnter}
onDayMouseLeave={this.handleDayLeave}
onWeekClick={this.handleWeekClick}
/>
状态={
选定日期:[],
};
handleWeekClick=(周数,天数,e)=>{
这是我的国家({
选定日期:天,
});
};
render(){
const{selectedDays}=this.state;
返回(
在中,尝试将
handleWeekClick
更改为:
handleWeekClick = (weekNumber, days, e) => {
console.log(days);
if (this.state.selectedDays.length) {
this.setState({
selectedDays: []
});
} else {
this.setState({
selectedDays: days
});
}
};