Quiz for Controlled vs Uncontrolled Components

Q1: What is a controlled component in React?

A. A component that controls form submission B. A component that relies on the DOM for state C. A component whose form data is handled by React state D. A component without props

Q2: Which hook is commonly used in controlled components?

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

Q3: What distinguishes an uncontrolled component?

A. State is stored in component B. State is managed by Redux C. State is controlled by React D. State is managed by the DOM

Q4: How do you access the value of an uncontrolled input?

A. Using useState B. Using props C. Using ref D. Using context

Q5: Which is more suitable for instant validation?

A. Uncontrolled component B. Controlled component C. Both D. None

Q6: Which approach is more declarative?

A. Uncontrolled B. Controlled C. Both D. Imperative

Q7: Which component allows you to use defaultValue attribute?

A. Controlled component B. Uncontrolled component C. Both D. None

Q8: Which of the following is true about controlled components?

A. They use refs B. They are not re-rendered on state change C. They rely on state to update value D. They don’t use events

Q9: What is the default behavior of a form element in React?

A. Controlled B. Uncontrolled C. Depends on usage D. Stateless

Q10: Which of these statements is true for controlled components?

A. React controls input value B. DOM controls input value C. You must use useRef D. Input cannot be reset

Q11: What happens when you type in a controlled input?

A. State updates on blur B. State updates on submit C. State updates onChange D. No update occurs

Q12: Which method is used to track user input in controlled components?

A. event.target B. event.default C. ref.current D. useMemo

Q13: What is one downside of controlled components?

A. More complex B. No validation C. No access to DOM D. Inconsistent

Q14: Which component is easier to integrate with non-React libraries?

A. Controlled B. Uncontrolled C. Both equally D. Depends on context

Q15: Which of the following can affect performance in large forms?

A. Uncontrolled inputs B. Controlled inputs C. Refs D. Default props

Q16: Can an input be both controlled and uncontrolled at the same time?

A. Yes B. No C. Only with useEffect D. Only with useRef

Q17: How do you reset an uncontrolled input?

A. Set value to "" B. Use useEffect C. Manipulate ref D. Use useState

Q18: Which component makes debugging easier?

A. Uncontrolled B. Controlled C. Both D. None

Q19: How do controlled components improve form validation?

A. Using async logic B. Using Redux C. Using controlled state updates D. Using local storage

Q20: Which is NOT true about controlled components?

A. They use state B. They provide real-time validation C. They are suitable for large datasets D. They update onChange