Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions content/docs/code-splitting.md
Original file line number Diff line number Diff line change
Expand Up @@ -180,9 +180,9 @@ function MyComponent() {
}
```

### Error boundaries {#error-boundaries}
### Error Boundary {#error-boundaries}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

タイトル以外の本文中に出てくる "Error Boundary" は小文字に統一(文頭であっても) とのことでしたが、直前の Suspense が大文字のため一旦大文字にしてみました。

もしかしてこれって タイトル に当たりますかね...もしそうなら /docs/error-boundaries.html 側を直しにいかないと... 🙈


もし他のモジュールがロードに失敗した場合(例えば、ネットワークの障害など)、エラーが発生します。その際には [Error Boundaries](/docs/error-boundaries.html) を使用することによってこれらのエラーをハンドリングし、エラーの回復やユーザ体験の向上に繋げることができます。Error Boundary を作成したら、遅延コンポーネントより上位のあらゆる場所で使用でき、ネットワークエラーが発生した際にエラー内容を表示することができます。
もし他のモジュールがロードに失敗した場合(例えば、ネットワークの障害など)、エラーが発生します。その際には [error boundary](/docs/error-boundaries.html) を使用することによってこれらのエラーをハンドリングし、エラーの回復やユーザ体験の向上に繋げることができます。error boundary を作成したら、遅延コンポーネントより上位のあらゆる場所で使用でき、ネットワークエラーが発生した際にエラー内容を表示することができます。

```js
import MyErrorBoundary from './MyErrorBoundary';
Expand Down
2 changes: 1 addition & 1 deletion content/docs/nav.yml
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
- id: context
title: コンテクスト
- id: error-boundaries
title: Error Boundaries
title: Error Boundary
- id: forwarding-refs
title: ref のフォワーディング
- id: fragments
Expand Down
10 changes: 5 additions & 5 deletions content/docs/reference-react-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -313,19 +313,19 @@ getSnapshotBeforeUpdate(prevProps, prevState)

* * *

### error boundaries {#error-boundaries}
### error boundary {#error-boundaries}

[error boundaries](/docs/error-boundaries.html) は、子コンポーネントツリーのどこかで JavaScript エラーを捕捉し、それらのエラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック UI を表示する React コンポーネントです。error boundaries は、その下のツリー全体のレンダー中、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラーを捕捉します。
[error boundary](/docs/error-boundaries.html) は、子コンポーネントツリーのどこかで JavaScript エラーを捕捉し、それらのエラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック UI を表示する React コンポーネントです。error boundary は、その下のツリー全体のレンダー中、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラーを捕捉します。
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここの原文は /docs/error-boundaries.html の一部と全く同じなのですが、日本語版では少し文章が異なっています。
これは揃えた方がいいのでしょうか。

あと、throwは捕捉かスローかという違いもあり、どちらに揃えるべきなのか気になっています。


クラスコンポーネントは、ライフサイクルメソッド `static getDerivedStateFromError()` または `componentDidCatch()` のいずれか(または両方)を定義すると、error boundaries になります。これらのライフサイクルから state を更新すると、下のツリーで発生した未処理の JavaScript エラーを捕捉してフォールバック UI を表示できます。
クラスコンポーネントは、ライフサイクルメソッド `static getDerivedStateFromError()` または `componentDidCatch()` のいずれか(または両方)を定義すると、error boundary になります。これらのライフサイクルから state を更新すると、下のツリーで発生した未処理の JavaScript エラーを捕捉してフォールバック UI を表示できます。

error boundaries は予期しない例外からの回復のためだけに使用してください。**それらを制御フローに使用しないでください**。
error boundary は予期しない例外からの回復のためだけに使用してください。**それらを制御フローに使用しないでください**。

詳細については、[*React 16 のエラーハンドリング*](/blog/2017/07/26/error-handling-in-react-16.html)を参照してください。

> 補足
>
> error boundaries は、ツリー内でその**下**にあるコンポーネント内のエラーのみを捕捉します。error boundaries はそれ自体の中でエラーを捉えることはできません。
> error boundary は、ツリー内でその**下**にあるコンポーネント内のエラーのみを捕捉します。error boundary はそれ自体の中でエラーを捉えることはできません。

### `static getDerivedStateFromError()` {#static-getderivedstatefromerror}
```javascript
Expand Down