Which statement best describes how data can be passed into a component as props?

Which statement best describes how data can be passed into a component as props?

• A. Props must always be strings.
• B. Props can only be passed as attributes in JSX.
• C. Non-string data can't be passed as props.
• D. Props can be any type (numbers, objects, booleans) and are passed from parent to child.

Answer: (D)

Props are the way data flows from a parent component to its child in React. They can be any type—strings, numbers, booleans, objects, arrays, or functions—and this data moves from parent to child, not in the reverse direction. In JSX, you pass props as attributes on the child element, and if you need to pass non-string values, you wrap them in curly braces to pass them as JavaScript expressions (for example, count={5} or user={user}). This best description fits because it captures both the flexibility of prop data types and the unidirectional data flow. The idea that props must always be strings is too restrictive, the claim that they can only be passed as JSX attributes is incomplete, and the notion that non-string data can’t be passed is incorrect.

Props are the way data flows from a parent component to its child in React. They can be any type—strings, numbers, booleans, objects, arrays, or functions—and this data moves from parent to child, not in the reverse direction. In JSX, you pass props as attributes on the child element, and if you need to pass non-string values, you wrap them in curly braces to pass them as JavaScript expressions (for example, count={5} or user={user}).

This best description fits because it captures both the flexibility of prop data types and the unidirectional data flow. The idea that props must always be strings is too restrictive, the claim that they can only be passed as JSX attributes is incomplete, and the notion that non-string data can’t be passed is incorrect.