File tree Expand file tree Collapse file tree 3 files changed +8
-8
lines changed Expand file tree Collapse file tree 3 files changed +8
-8
lines changed Original file line number Diff line number Diff line change @@ -180,9 +180,9 @@ function MyComponent() {
180
180
}
181
181
```
182
182
183
- ### Error boundaries {#error-boundaries}
183
+ ### Error Boundary {#error-boundaries}
184
184
185
- もし他のモジュールがロードに失敗した場合(例えば、ネットワークの障害など)、エラーが発生します。その際には [ Error Boundaries ] ( /docs/error-boundaries.html ) を使用することによってこれらのエラーをハンドリングし、エラーの回復やユーザ体験の向上に繋げることができます。Error Boundary を作成したら、遅延コンポーネントより上位のあらゆる場所で使用でき、ネットワークエラーが発生した際にエラー内容を表示することができます。
185
+ もし他のモジュールがロードに失敗した場合(例えば、ネットワークの障害など)、エラーが発生します。その際には [ error boundary ] ( /docs/error-boundaries.html ) を使用することによってこれらのエラーをハンドリングし、エラーの回復やユーザ体験の向上に繋げることができます。error boundary を作成したら、遅延コンポーネントより上位のあらゆる場所で使用でき、ネットワークエラーが発生した際にエラー内容を表示することができます。
186
186
187
187
``` js
188
188
import MyErrorBoundary from ' ./MyErrorBoundary' ;
Original file line number Diff line number Diff line change 44
44
- id : context
45
45
title : コンテクスト
46
46
- id : error-boundaries
47
- title : Error Boundaries
47
+ title : Error Boundary
48
48
- id : forwarding-refs
49
49
title : ref のフォワーディング
50
50
- id : fragments
Original file line number Diff line number Diff line change @@ -313,19 +313,19 @@ getSnapshotBeforeUpdate(prevProps, prevState)
313
313
314
314
* * *
315
315
316
- ### error boundaries {#error-boundaries}
316
+ ### error boundary {#error-boundaries}
317
317
318
- [ error boundaries ] ( /docs/error-boundaries.html ) は、子コンポーネントツリーのどこかで JavaScript エラーを捕捉し、それらのエラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック UI を表示する React コンポーネントです。error boundaries は、その下のツリー全体のレンダー中、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラーを捕捉します。
318
+ [ error boundary ] ( /docs/error-boundaries.html ) は、子コンポーネントツリーのどこかで JavaScript エラーを捕捉し、それらのエラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック UI を表示する React コンポーネントです。error boundary は、その下のツリー全体のレンダー中、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラーを捕捉します。
319
319
320
- クラスコンポーネントは、ライフサイクルメソッド ` static getDerivedStateFromError() ` または ` componentDidCatch() ` のいずれか(または両方)を定義すると、error boundaries になります。これらのライフサイクルから state を更新すると、下のツリーで発生した未処理の JavaScript エラーを捕捉してフォールバック UI を表示できます。
320
+ クラスコンポーネントは、ライフサイクルメソッド ` static getDerivedStateFromError() ` または ` componentDidCatch() ` のいずれか(または両方)を定義すると、error boundary になります。これらのライフサイクルから state を更新すると、下のツリーで発生した未処理の JavaScript エラーを捕捉してフォールバック UI を表示できます。
321
321
322
- error boundaries は予期しない例外からの回復のためだけに使用してください。** それらを制御フローに使用しないでください** 。
322
+ error boundary は予期しない例外からの回復のためだけに使用してください。** それらを制御フローに使用しないでください** 。
323
323
324
324
詳細については、[ * React 16 のエラーハンドリング* ] ( /blog/2017/07/26/error-handling-in-react-16.html ) を参照してください。
325
325
326
326
> 補足
327
327
>
328
- > error boundaries は、ツリー内でその** 下** にあるコンポーネント内のエラーのみを捕捉します。error boundaries はそれ自体の中でエラーを捉えることはできません。
328
+ > error boundary は、ツリー内でその** 下** にあるコンポーネント内のエラーのみを捕捉します。error boundary はそれ自体の中でエラーを捉えることはできません。
329
329
330
330
### ` static getDerivedStateFromError() ` {#static-getderivedstatefromerror}
331
331
``` javascript
You can’t perform that action at this time.
0 commit comments