BFE.devAI解答 - React 小测验
20. Error Boundary

1. 这段代码的执行结果是什么？

答：在浏览器控制台中会打印出 "boundary-2"。

2. renderWithError 函数会抛出什么错误？

答：该函数会抛出一个 Error。

3. ErrorBoundary 组件的作用是什么？

答：ErrorBoundary 组件的作用是捕获其子组件抛出的错误并进行处理，以避免整个应用程序崩溃。

4. getDerivedStateFromError 和 componentDidCatch 方法的作用是什么？

答：getDerivedStateFromError 方法用于在 ErrorBoundary 组件的状态中设置 hasError 为 true，同时触发组件的重新渲染；componentDidCatch 方法用于捕获错误并进行处理，例如在本例中输出 name 属性到控制台中。

5. 为什么在 renderWithError 函数中抛出错误会导致整个应用程序崩溃？

答：由于没有进行错误处理，因此在 renderWithError 函数中抛出错误会导致整个应用程序崩溃。但是，在将其包装在 ErrorBoundary 中之后，该错误可以被捕获和处理。