1

React コンポーネントで関数をマウント時からアンマウントするまで繰り返し呼び出し、webpack HMR (ホット リロード) で機能させたいと考えています。

最も簡単な方法は、ReactJS ドキュメントで提案されているように、componentDidMount に間隔を設定することです: [1]: https://facebook.github.io/react/docs/component-specs.html#mounting-componentdidmount

componentDidMount () {
  const number = Math.floor(Math.random() * 1000) + 1
  setInterval(() => console.log('Component ' + number.toString()), 5000)
}

検索しましたが、更新されたコンポーネントに対して webpack HMR が componentDidMount を呼び出す前に間隔をクリアする解決策が見つかりません。これは、モジュールがホット リロードするたびに新しい間隔があることを意味します。

注: componentWillUnmountWebpack が再バンドルされる前には呼び出されません

componentWillUnmount更新: HMR が適切に設定されている場合、再バンドルを呼び出す必要があります

webpack HMR で繰り返し遅延関数呼び出しを実現する最良の方法は何ですか?

4

1 に答える 1