Adaface Sample React Questions

Review the following React code:

Pick the correct statements:
            
            A: The code renders 10 INDIAN RUPEE
            B: The code renders 10 SINGAPORE DOLLAR
            C: The code does not render anything and throws an error since JavaScript objects are not valid as React children
            D: When the currency portion is clicked, the parent component is re-rendered
            E: When the currency portion is clicked, parent component will skip the re-render because shouldComponentUpdate returns false
            F: Parent component can be converted to a functional component with memoization (useMemo or memo) to avoid the re-render

Review the following React code:

Notice that clicking on ‘Click Me’ will invoke handleClick which will throw an error. Also note that, ErrorBoundaryOne throws the error in getDerivedStateFromError. What will be rendered once ‘Click Me’ is clicked?

A: ErrorBoundaryOne will catch the error of MyComponent and <h1>C</h1> will be rendered
            B: ErrorBoundaryOne will catch the error of MyComponent and its own error, <h1>C</h1> will be rendered
            C: ErrorBoundaryTwo will catch the error of MyComponent and ErrorBoundaryOne, <h1>B</h1> will be rendered
            D: ErrorBoundaryTwo will catch the error of MyComponent and ErrorBoundaryOne, <h1>B</h1><h1>C</h1> will be rendered
            E: ErrorBoundaryTwo will catch the error of ErrorBoundaryOne. ErrorBoundaryOne will catch the error of MyComponent, <h1>B</h1> will be rendered
            F: Error thrown in the click handler is not caught by any error boundary, ‘Click Me’ button will be rendered

Which of the following React code snippets
            - triggers the reducer ‘rhymeReducer’ to update the ‘song’ value to ‘Jack and Jill’
            - renders the updated ‘song’ value
            - does not produce any errors/warnings