Reactガイドを読んでいくその159
これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
React.Component
まれに使われるライフサイクルメソッド
static getDerivedStateFromError()
子孫コンポーネントによってエラーがスローされた後に呼び出される。
パラメータとしてスローされたエラーを受け取り、stateを更新するための値を返すように作る。
例
class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false }; } static getDerivedStateFromError(error) { // 次のレンダーでフォールバック UI が表示されるように state を更新する return { hasError: true }; } render() { if (this.state.hasError) { // 任意のフォールバック UI をレンダーできます //うまく使えそう return <h1>Something went wrong.</h1>; } return this.props.children; } }
今日はここまで。