React Quiz

How can you initialize state in a React functional component using the useState hook?

• let [state, setState] = useState(initialState);
• const state = useState(initialState);
• const [state, setState] = useState(initialState);
• useState(initialState);

Why is it important to provide a unique key prop when rendering a list of elements using the map method in React?

• It helps React efficiently update the DOM by identifying which items have changed, are added, or are removed.
• It prevents bugs in the console log.
• It improves the performance of the browser.
• It makes the code more readable and organized.

How can you pass data from a parent component to a child component in React?

• Using props

• Using state

• Using context

• Using refs

What is the correct command to create a new React project?

• npx create-react-app project-name
• npx start-react-app project-name
• create-react-app project-name
• npm start-react-app project-name

What is the correct syntax to import a Component from React?

• import Component from 'react';
• import { Component } from 'react';;
• import { Component } from 'React';
• import { Component } from 'react';

Which of the following is a correct way to apply inline styles to a React component?

• Apply styles directly within the JSX using HTML style attribute
• Use a separate CSS file and import it into the component
• Use the style attribute with an object containing CSS properties as key-value pairs.
• Pass a string of CSS properties to the style prop

What is the purpose of using keys in React when rendering a list of elements?

• To style the elements in the list

• To uniquely identify each element in the list

• To hide certain elements from the DOM

• To add event listeners to the elements

How can you update the state in a React class component?

• Using setState() method

• Directly modifying the state object

• Using props from parent component

• Using useEffect() hook

What is the purpose of the useEffect() hook in React?

• To handle form submissions

• To fetch data from an API

• To perform side effects in function components

• To create reusable components

How can you conditionally render components in React?

• Using the 'if' statement within JSX

• Using the 'switch' statement within JSX

• Using the 'ternary operator' within JSX

• Using the 'for' loop within JSX