forceUpdate([function callback])

もしrender()メソッドがthis.propsまたはthis.state以外の何かから読み取りをする場合、 render()の再実行が必要になる際に、forceUpdate()を呼び出してReactにそのことを伝える必要があります。 また、もしthis.stateを直接変更する場合も、forceUpdate()を呼び出す必要があります。

forceUpdate()の呼び出しは、 shouldComponentUpdate()をスキップしてコンポーネント上でrender()を呼び出すことになります。 これは、それぞれの子のshouldComponentUpdate()メソッドを含め、 子コンポーネントのための通常のライフサイクル・メソッドをトリガします。 Reactはマークアップが変更されればDOMの更新だけ行います。

通常は全てにおいて極力forceUpdate()の使用は避け、 render()内でthis.propsとthis.stateからのみ、 読取りをするように努めるべきです。 こうすることで、アプリケーションがよりシンプルで効率的なものになります。

 Back to top