javascript - 嵌套路由错误(react-router)

Question

我对 setState() 有疑问。

这是我的routes.tsx 文件

export const Routes = (props:any) => (
<Router {...props}>
<Route path="/" component={Miramir}>
  <Route path="/profile">
    <IndexRoute component={Profile} />
    <Route path="/profile/update" component={ProfileUpdate} />
  </Route>
</Route>

所以，当我尝试使用 /profile/update 路线时我收到警告，并看到 /profile/update 上存在仅适用于 /profile 路由的组件

这是一个错误

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the CountDown component.

组件倒计时

componentDidMount = () => {
    let timeLeft = this.secondsToTime(this.state.date);
    this.setState({time: timeLeft});
  }

_countDown = () => {
    this.setState({
      time: this.secondsToTime(this.state.date)
    })
  }

每秒调用_countDown

希望您的帮助!

谢谢

Answer 1

我想你可能会通过 setInterval() 调用 _countDown() 。您是否清除了 componentWillUnmount() 中的 Interval？