Update error boundaries interview questions

Author: sudheerj

README.md

@@ -1165,7 +1165,7 @@
 
     *Error boundaries* are components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed.
 
-    A class component becomes an error boundary if it defines a new lifecycle method called `componentDidCatch(error, info)`:
+    A class component becomes an error boundary if it defines a new lifecycle method called `componentDidCatch(error, info)` or `static getDerivedStateFromError() `:
 
     ```jsx harmony
     class ErrorBoundary extends React.Component {
@@ -1175,12 +1175,15 @@
       }
 
       componentDidCatch(error, info) {
-        // Display fallback UI
-        this.setState({ hasError: true })
         // You can also log the error to an error reporting service
         logErrorToMyService(error, info)
       }
 
+      static getDerivedStateFromError(error) {
+         // Update state so the next render will show the fallback UI.
+         return { hasError: true };
+       }
+
       render() {
         if (this.state.hasError) {
           // You can render any custom fallback UI