Quiz | Croma Campus

Which method is called when a component is first added to the DOM?

componentDidMount()
componentWillMount()
componentWillUpdate()
componentDidUpdate

Mark for review

What is the purpose of the 'key' prop in React?

It specifies the CSS class of an element
It provides a unique identifier for a component in an array
It defines the initial state of a component
It sets the default props of a component

Mark for review

What is the purpose of prop-types library?

To type-check props
To handle state
To manage context
To fetch data

Mark for review

Which method is used to handle lifecycle events in a class component?

componentDidMount
useEffect
render
setState

Mark for review

What is the purpose of render props in React?

To share logic between components
To manage state
To handle side effects
To fetch data

Mark for review

In React, what is the purpose of the 'shouldComponentUpdate' method?

To determine if a component should be rendered
To define component lifecycle
To handle component events
To manage component input

Mark for review

Which of the following is NOT a valid way to define a component in React?

Function Component
Class Component
Component Component
Higher-Order Component

Mark for review

What is the purpose of the 'dangerouslySetInnerHTML' attribute in React?

To set the HTML content of a component
To define dangerous HTML code
To bypass React's XSS protection
To execute JavaScript code

Mark for review

How do you connect a React component to the Redux store?

Using connect
Using useState
Using useEffect
Using useContext

Mark for review

What is the purpose of ReactDOM?

To define components
To manage state
To render React components to the DOM
To create context

Mark for review

What is the purpose of PropTypes in React?

To specify the type of data expected in props
To define the initial state of a component
To manage component input
To handle component events

Mark for review

What is the purpose of StrictMode in React?

To highlight potential problems
To manage state
To fetch data
To handle errors

Mark for review

What is the difference between props and state in React?

props are mutable, state is not
state is immutable, props are not
props are immutable, state is mutable
props are for functions, state is for classes

Mark for review

In React, what is the purpose of the 'useReducer' Hook?

To handle component errors
To manage complex state logic
To define the initial state of a component
To perform side effects in function components

Mark for review

What is the purpose of the 'useCallback' Hook in React?

To memoize expensive calculations
To update the component's state
To handle component errors
To perform side effects in function components

Mark for review

What is the purpose of React.Fragment?

To define state
To create context
To wrap multiple elements without adding extra nodes
To fetch data

Mark for review

In React.js, what is used to pass data to a component from outside?

Props
State
setState()
Component

Mark for review

What is the purpose of the 'ref' attribute in React?

To reference external JavaScript files
To create a reference to a DOM element or a React component
To define component dependencies
To specify component props

Mark for review

Which of the following methods is used to perform side effects in React?

componentDidMount()
componentDidUpdate()
componentWillUnmount()
All of the above

Mark for review

How do you handle errors in React components?

Using componentDidCatch
Using useEffect
Using useState
Using render

Mark for review

How do you update state in a functional component?

Using setState
Using this.state
Using this.setState
Using useState

Mark for review

In React, how can you conditionally render components?

Using if-else statements
Using switch statements
Using ternary operators
All of the above

Mark for review

Which of the following methods is called after the component is rendered in React?

componentWillMount()
omponentDidMount()
componentDidUpdate()
componentWillReceiveProps

Mark for review

How do you share state between components?

Using props
Using state
Using context
Using events

Mark for review

What is the purpose of the 'ErrorBoundary' component in React?

To handle errors that occur during rendering
To define error messages
To catch errors in child components
To prevent errors from occurring

Mark for review

How do you handle events in React?

Using addEventListener
Using on prefix in JSX
Using handleEvent method
Using event method

Mark for review

What does the useEffect hook do?

Manages state
Fetches data
Performs side effects in components
Defines components

Mark for review

How do you create a class component in React?

class MyComponent extends React.Component
const MyComponent = () => {}
function MyComponent() {}
React.createClass()

Mark for review

What is JSX?

A JavaScript syntax extension
A type of database
A CSS preprocessor
A testing framework

Mark for review

What is the purpose of the 'useContext' Hook in React?

To update the component's state
To handle component errors
To access React context in function components
To perform side effects in function components

Mark for review

Online Exam Quiz

Online

Did you like this Question

Get a 1:1 Mentorship call with our Career Advisor