Quiz for Passing Props

Q1: What are props in React?

A. State values B. Component methods C. Immutable inputs passed to components D. Browser events

Q2: How are props passed to a component?

A. Through return statement B. By export default C. By calling setProps() D. Via component attributes

Q3: Which keyword is used to access props in a class component?

A. this.state B. this.props C. props D. this.getProps()

Q4: Can a child component modify its props?

A. Yes, using setState() B. No, props are immutable C. Yes, using this.props D. Yes, using useEffect()

Q5: How to validate props in a functional component?

A. Using useState() B. Using prop-types C. Using context D. Using useRef()

Q6: What happens if a required prop is not provided?

A. Nothing B. Warning in the console C. App crashes D. Renders null

Q7: Which statement about props is true?

A. Props can only be strings B. Props are mutable C. Props can be any data type D. Props must be booleans

Q8: Which hook can be used to memoize props-dependent logic?

A. useState() B. useEffect() C. useCallback() D. useMemo()

Q9: Which is a correct way to pass a prop to a component?

A. <User name="Alice" /> B. <User(props="Alice") /> C. <User>Alice</User> D. <User name: "Alice" />

Q10: Which lifecycle method is used to receive props changes in class components?

A. componentWillMount B. componentDidUpdate C. componentDidMount D. getSnapshotBeforeUpdate

Q11: What is the default value of props if not passed?

A. 0 B. false C. undefined D. null

Q12: What tool can you use to enforce type checking on props?

A. Redux B. Axios C. prop-types D. React Router

Q13: Props help in:

A. Managing browser routing B. Creating new DOM nodes C. Reusing components and passing data D. Compiling JSX

Q14: What happens if props are changed in parent component?

A. Child receives updated props B. Child crashes C. Nothing changes D. React throws an error

Q15: In functional components, props are received as:

A. Global variables B. Arguments C. Return values D. Events

Q16: How can you set default values for props?

A. With useEffect() B. With defaultProps C. With constructor() D. With useState()

Q17: Which is correct about read-only nature of props?

A. Can be edited with setProps() B. Cannot be changed in child C. Can be changed by hooks D. Editable using prop-types

Q18: What is the purpose of destructuring props?

A. To hide props B. To validate props C. To simplify access to values D. To encrypt props

Q19: What is the correct syntax to destructure props?

A. const props = this; B. const {name} = props; C. const name = this.props.name; D. props.name = const name;

Q20: Which is a valid use case for props?

A. Passing static text only B. Sharing data between unrelated components C. Passing data from parent to child D. Creating a database