Quiz for Props and State

Q1: What is the main purpose of props in React?

A. To manage internal component data B. To define the component structure C. To pass data between components D. To handle user inputs

Q2: Which React feature allows a component to maintain its own data?

A. Props B. State C. Events D. Keys

Q3: Props in React are ______.

A. Immutable B. Mutable C. Optional D. Private

Q4: Which of the following is used to update a component’s state?

A. setProps() B. this.props() C. this.setState() D. changeState()

Q5: In a functional component, how is state introduced?

A. Using setState() B. Using props only C. Using the useState hook D. Using the this keyword

Q6: Props are received as a ______ in functional components.

A. Variable B. Array C. Object D. Class

Q7: Can props be modified inside the child component?

A. Yes B. Only with setProps() C. Only in class components D. No

Q8: Which of the following is true about state in React?

A. State is passed from parent to child B. State is global across all components C. State is local to the component D. State is a type of prop

Q9: How are props passed to a child component?

A. As an object in constructor B. Via attributes in JSX C. Through import statements D. Using useEffect

Q10: Which method is called after state is updated in a class component?

A. componentWillMount() B. componentDidUpdate() C. componentDidMount() D. render()

Q11: What happens when state is updated?

A. The component is removed B. The DOM is locked C. The component re-renders D. The browser reloads

Q12: Which hook is used to access props in functional components?

A. useState B. useEffect C. useProps D. None

Q13: Which is better for dynamic component behavior?

A. Props only B. State only C. Both props and state D. None

Q14: In React, how many times can props be set inside a component?

A. Once B. Multiple times C. Never D. Only during lifecycle

Q15: Which keyword is used to define state in a class component?

A. this.props B. React.useState C. this.state D. state()

Q16: How can default props be set for a component?

A. Using defaultProps property B. In constructor C. Using useState() D. With setState()

Q17: When are props available inside a class component?

A. After render() B. During componentWillUnmount() C. Inside constructor() D. Only in useEffect()

Q18: What type of data can be passed via props?

A. Only strings B. Only numbers C. Only functions D. Any data type

Q19: Which hook replaces this.setState in functional components?

A. useEffect B. useState C. useContext D. useRef

Q20: Which lifecycle method is commonly used to fetch data that updates state?

A. componentDidMount() B. componentWillUnmount() C. shouldComponentUpdate() D. getDerivedStateFromProps()