如何检查 cookie 是否在反应中发生了变化？

Question

我的系统有一个包含多个组件的布局（两个菜单和容器） 当我想根据 cookie 更改它们时。

而且我明白这应该在主组件中完成，并将道具发送给孩子们。

问题是，我不能让它发生。我尝试执行以下代码-

     componentDidMount () {
         this.checkTimer = setInterval (
             () => this.tick (),
             1000
         );
       
     }

 tick () {
 axios.post(`api/UserDetails?code=${this.state.cookies}`)
                 .then ((user) => {
                     const persons = user.data;
                     this.setState ({userDetails: persons});
                     console.log (user.data)
                 }
                 );
         }
    

但是只有在加载页面时有cookies才会这样做。但如果cookie在其他组件中发生变化，则不受影响。

需要做哪一行代码来检查cookie是否发生了变化？

问候