From ffca7d68119966ca31353421197019e3ae01e557 Mon Sep 17 00:00:00 2001 From: Nahyeon Lee Date: Sun, 31 Jan 2021 23:23:13 +0200 Subject: [PATCH 1/4] Update reference-react-component.md --- content/docs/reference-react-component.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/content/docs/reference-react-component.md b/content/docs/reference-react-component.md index daf59776e..ea156ba71 100644 --- a/content/docs/reference-react-component.md +++ b/content/docs/reference-react-component.md @@ -406,9 +406,15 @@ class ErrorBoundary extends React.Component { } ``` +`componentDidCatch()`가 오류를 처리하는 방식에서 리액트의 프로덕션과 개발 빌드는 약간 다릅니다. + +개발 빌드에서, 오류는 `window`까지 전파됩니다. 이는 `window.onerror`나 `window.addEventListener('error', callback)`는 `componentDidCatch()`가 잡은 오류를 인터셉트할 것이란 의미입니다. + +그러나 프로덕션 빌드에서 오류는 전파되지 않습니다. 즉 상위 오류 핸들러는 `componentDidCatch()`에 의해 명시적으로 잡히지 않은 오류만 받을 것입니다. + > 주의 > -> 오류 이벤트 내에서는 `setState()`의 호출을 통하여 `componentDidCatch()`로 구현된 대체 UI를 렌더링할 수 있습니다. 하지만 이런 방식은 나중 릴리즈에서는 사용할 수 없게 을 것입니다. +> 오류 이벤트 내에서는 `setState()`의 호출을 통하여 `componentDidCatch()`로 구현된 대체 UI를 렌더링할 수 있습니다. 하지만 이런 방식은 이후의 릴리즈에서는 사용할 수 없게 될 것입니다. > 대체 UI 렌더링 제어를 하려면 `static getDerivedStateFromError()`를 대신 사용하세요. * * * From d7fd053b4539a412b9606654c7172b911619c1b1 Mon Sep 17 00:00:00 2001 From: Nahyeon Lee Date: Wed, 3 Feb 2021 21:23:24 +0200 Subject: [PATCH 2/4] Update content/docs/reference-react-component.md Co-authored-by: Haegul Pyun --- content/docs/reference-react-component.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/reference-react-component.md b/content/docs/reference-react-component.md index ea156ba71..a0d7040e0 100644 --- a/content/docs/reference-react-component.md +++ b/content/docs/reference-react-component.md @@ -406,7 +406,7 @@ class ErrorBoundary extends React.Component { } ``` -`componentDidCatch()`가 오류를 처리하는 방식에서 리액트의 프로덕션과 개발 빌드는 약간 다릅니다. + 리액트의 `componentDidCatch()`가 오류를 처리하는 방식은 프로덕션과 개발 빌드가 약간 다릅니다. 개발 빌드에서, 오류는 `window`까지 전파됩니다. 이는 `window.onerror`나 `window.addEventListener('error', callback)`는 `componentDidCatch()`가 잡은 오류를 인터셉트할 것이란 의미입니다. From f0ef782a4b74927da0d206edd7e35b6fa9d22e98 Mon Sep 17 00:00:00 2001 From: Nahyeon Lee Date: Wed, 3 Feb 2021 21:23:55 +0200 Subject: [PATCH 3/4] Update content/docs/reference-react-component.md Co-authored-by: Haegul Pyun --- content/docs/reference-react-component.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/reference-react-component.md b/content/docs/reference-react-component.md index a0d7040e0..49b7bd900 100644 --- a/content/docs/reference-react-component.md +++ b/content/docs/reference-react-component.md @@ -408,7 +408,7 @@ class ErrorBoundary extends React.Component { 리액트의 `componentDidCatch()`가 오류를 처리하는 방식은 프로덕션과 개발 빌드가 약간 다릅니다. -개발 빌드에서, 오류는 `window`까지 전파됩니다. 이는 `window.onerror`나 `window.addEventListener('error', callback)`는 `componentDidCatch()`가 잡은 오류를 인터셉트할 것이란 의미입니다. +개발 빌드에서, 오류는 `window`까지 전파됩니다. 이는 `window.onerror`나 `window.addEventListener('error', callback)`가 `componentDidCatch()`에서 잡은 오류를 인터셉트하는 것을 의미합니다. 그러나 프로덕션 빌드에서 오류는 전파되지 않습니다. 즉 상위 오류 핸들러는 `componentDidCatch()`에 의해 명시적으로 잡히지 않은 오류만 받을 것입니다. From 92c446c927810e9883022248bcc6726138d39647 Mon Sep 17 00:00:00 2001 From: Nahyeon Lee Date: Wed, 3 Feb 2021 21:24:05 +0200 Subject: [PATCH 4/4] Update content/docs/reference-react-component.md Co-authored-by: Haegul Pyun --- content/docs/reference-react-component.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/reference-react-component.md b/content/docs/reference-react-component.md index 49b7bd900..fb8acda18 100644 --- a/content/docs/reference-react-component.md +++ b/content/docs/reference-react-component.md @@ -410,7 +410,7 @@ class ErrorBoundary extends React.Component { 개발 빌드에서, 오류는 `window`까지 전파됩니다. 이는 `window.onerror`나 `window.addEventListener('error', callback)`가 `componentDidCatch()`에서 잡은 오류를 인터셉트하는 것을 의미합니다. -그러나 프로덕션 빌드에서 오류는 전파되지 않습니다. 즉 상위 오류 핸들러는 `componentDidCatch()`에 의해 명시적으로 잡히지 않은 오류만 받을 것입니다. +그러나 프로덕션 빌드에서 오류는 전파되지 않습니다. 즉 상위 오류 핸들러는 `componentDidCatch()`에 의해 명시적으로 잡히지 않은 오류만 받습니다. > 주의 >