Javascript 每次更新特定状态时重新启动函数

我在Component didmount中创建了一个函数（newdispo） 要创建预订可用性提要， 它基于相对日期 从10:00到19:00（例如） 它将创建具有状态间隔的可用性（间隔） （例如1小时） 所以它显示了相对于今天的日期'this.stat.day'的可用性 今日（07/04/2020） 例子： 04/07/2020 - 10:00 2020年7月4日-东部时间11:00。。。

但是我想让页面更灵活， 我有一个导航栏，显示一周的第二天，当我点击另一天， 如果使用所选日期更新，则状态为“day”

我希望每次更新状态时都重新启动函数（newdispo） 每次我更改“间隔”或“天”状态时，都会更新提要更改

建造师（道具）{
超级（道具）；
此.state={
日期：'07/04/2020'，
间隔时间：“00:60:00”，
dispo:[]
}
}
componentDidMount（日、间隔、新显示）{
间隔：this.state.interval
day:这是国庆节
newdispo=[{日期：天
小时：…}，
{日期：天
小时：…}等]
this.setState=（{dispo:newdispo}）；
}
变更日=（e）=>{
this.setState=（{day:e.target}）
}
变更间隔=（e）=>{
this.setState=（{interval:e.target}）
}
render（）{
返回(
08/04/2020
09/04/2020
//等等//
00:30:00
02:00:00
//等等//
this.state.calendar.map（（时间）=>{
{time.hour}
})}
)
}

生命周期方法是您需要的方法，例如：

componentDidUpdate( prevProps, prevState ) {

    if( this.state.day !== prevState.day ){
        this.setState=({
            dispo: [
                { date: ..., hour: ...},
                ...
            ]
        });
    }
}

生命周期方法是您需要的方法，例如：

componentDidUpdate( prevProps, prevState ) {

    if( this.state.day !== prevState.day ){
        this.setState=({
            dispo: [
                { date: ..., hour: ...},
                ...
            ]
        });
    }
}