React Quiz-Day 3

Explain the concept of Fragments in React.

• Fragments in React are represented by empty tags <>... or ....

• Fragments in React are used to split components into smaller parts.

• Fragments in React are represented by

  ...

  tags.

• Fragments in React are only applicable in class components.

What is the purpose of State in a class component?

• State in a class component is used for styling purposes only.

• State in a class component is used to handle routing within the application.

• State in a class component is used to define the component's structure.

• State in a class component is used to store and manage component-specific data that may change over time.

How are props passed in React components?

• Props are passed to React components by adding them as attributes when the component is used in JSX.

• Props are passed to React components by calling a specific function within the component

• Props are passed to React components by using global variables

• Props are passed to React components by importing them from external files

Describe the role of JSX in React.

• JSX simplifies the process of creating React elements and helps in efficiently rendering UI components.

• JSX is only used for styling components in React.

• JSX is a separate language from JavaScript used in React development.

• JSX is used for server-side rendering in React applications.

Why is the 'key' attribute important when rendering lists in React?

• It is only used for styling purposes

• It adds unnecessary complexity to the code

• It causes performance issues in React applications

• It helps React efficiently update the DOM by identifying which items have changed, are added, or are removed.

Differentiate between class and functional components in React.

• Functional components use ES6 classes, have state and lifecycle methods; class components are simple functions taking props and returning elements.

• Class components and functional components are the same in React.

• Functional components have state and lifecycle methods; class components are simple functions taking props and returning elements.

• Class components use ES6 classes, have state and lifecycle methods; functional components are simple functions taking props and returning elements.

How is state managed in React?

• State in React is managed by passing props between components.

• State in React is managed by directly modifying the DOM elements.

• State in React is managed using Redux exclusively.

• State in React is managed using the 'useState' hook or by creating class components with state.

Discuss the significance of useState and useEffect hooks in React.

• useState hook is used for styling components

• useState hook manages state in functional components, while useEffect hook handles side effects.

• useState hook handles side effects

• useEffect hook manages state in class components

Explain the process of conditional rendering in React.

• Conditional rendering in React is done by using CSS styles instead of JavaScript expressions

• Conditional rendering in React is achieved by directly manipulating the DOM elements

• Conditional rendering in React is achieved by using JavaScript expressions within JSX to render different components or content based on certain conditions.

• Conditional rendering in React is not possible and all components are always rendered

What is the 'render' method used for in React components?

• To define the component's styling.

• To return the JSX representing the component's UI.

• To execute asynchronous operations.

• To handle state management within the component.