Я создал функцию (newdispo) в компоненте didmount для создания канала доступности бронирования, он основан на относительной дате дня с 10:00 до 19:00 (для примера), он создаст доступ с интервалами с состоянием (интервалы) (Например, 1 час), поэтому он показывает мне доступность относительно сегодняшней даты this.stat.day сегодня (07/04/2020), например: 04/07/2020 - 10:00, 04/07/2020 - 11: 00 ect ...
однако я хотел бы сделать страницу гибкой, у меня есть навигационная панель со следующим днем недели, когда я нажимаю на другой день, состояние «день», если обновления с выбранный день,
Мне бы хотелось, чтобы функция (newdispo) перезапускалась каждый раз, когда обновлялось состояние, и чтобы изменение фида обновлялось каждый раз, когда я меняю состояние 'интервал' или 'дней'
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
constructor(props) {
super(props);
this.state = {
day :'07/04/2020',
interval : '00:60:00',
dispo: []
}
}
componentDidMount(day,interval,newdispo){
interval:this.state.interval
day:this.state.day
newdispo = [{ date:day
hour: ...},
{ date:day
hour: ...} ect..]
this.setState=({ dispo: newdispo});
}
changeday = (e) => {
this.setState=({ day:e.target})
}
changeinterval = (e) => {
this.setState=({ interval : e.target })
}
render(){
return (
<button onclick={this.changeday}>08/04/2020</button>
<button onclick={this.changeday}>09/04/2020</button>
//ect..//
< button onclick={this.changeinterval}>00:30:00</button>
< button onclick={this.changeinterval}>02:00:00</button>
//ect..//
this.state.calendar.map((time) => {
<button value:{time.date} >{ time.hour} </button>
})}
)
}