Quiz for useContext

Q1: What is the primary purpose of the useContext hook?

A. To manage component state B. To share data between components without prop drilling C. To perform side effects D. To fetch data

Q2: How do you create a context in React?

A. const MyContext = createContext() B. const MyContext = useContext() C. const MyContext = useState() D. const MyContext = new Context()

Q3: How do you provide a context value to components?

A. Using <MyContext.Provider> wrapper B. Using props C. Using Redux D. Using useState

Q4: How do you consume context in a functional component?

A. Using useState B. Using useEffect C. Using useContext hook D. Using componentDidMount

Q5: Can you consume multiple contexts in a single component?

A. No B. Yes, by calling useContext multiple times C. Only with Redux D. Only in class components

Q6: What happens if a component uses useContext but no Provider is found above it?

A. Component crashes B. The default context value is used C. The component rerenders infinitely D. Context is ignored

Q7: Is it possible to update context value?

A. Yes, if Provider value changes B. No, context is immutable C. Yes, by calling useContext setter D. Only with Redux

Q8: What is a common use case for useContext?

A. Local component state B. Theming and user authentication data C. Animation control D. Direct DOM manipulation

Q9: Which of these is NOT required when using useContext?

A. Creating context with createContext B. Wrapping component with Provider C. Calling useContext with context object D. Using Redux

Q10: Can you update context value inside a consumer component?

A. No, must update in Provider B. Yes, directly with useContext C. Only with useState D. Yes, always

Q11: How do you set a default value for a context?

A. By passing it to createContext() B. By passing it to Provider C. By calling useState D. By calling useEffect

Q12: What is the React Context API?

A. A way to manage component state B. A system for passing data through the component tree C. A data fetching library D. A CSS framework

Q13: Does changing context value cause components to rerender?

A. Yes, all consumers rerender B. No C. Only class components rerender D. Only with useEffect

Q14: How do you access multiple context values together?

A. Combine contexts into one B. Call useContext multiple times C. Use Redux only D. Use useEffect

Q15: What must you avoid to prevent unnecessary rerenders with context?

A. Updating context frequently without memoization B. Using useState C. Using useEffect D. Using React Router

Q16: Which React version introduced useContext hook?

A. React 15 B. React 16.3 C. React 16.8 D. React 17

Q17: Is it possible to access context in class components?

A. No B. Yes, with static contextType C. Yes, with useContext D. Only with Redux

Q18: What does useContext return?

A. A Provider component B. A context value C. A state updater function D. A React element

Q19: Which pattern does useContext help to avoid?

A. Using Redux B. Prop drilling C. Using hooks D. Using refs

Q20: Can useContext be used to replace Redux?

A. Yes, always B. No, but it can replace some use cases C. No, never D. Only for styling