Which property is always available on a component's props to access its children?

Which property is always available on a component's props to access its children?

• A. data
• B. children
• C. className
• D. key

Answer: (B)

In React, any content placed between a component’s opening and closing tags is passed to the component as a prop named children. This gives you a built-in, always-available way to access whatever is nested inside the component, whether it’s text, a single element, or multiple elements. For example, you can read and render it with props.children inside the component, so <MyComponent>Hello</MyComponent> yields a children value of "Hello," and <MyComponent><span>Hi</span><em>there</em></MyComponent> yields a children value representing those nested elements. This is why children is the best answer: it’s the standard, automatic container for nested content. Other options aren’t meant to serve this purpose. data would have to be passed explicitly as a prop, className is for styling and not for accessing nested content, and key is used by React to help identify items in a list and isn’t exposed as a prop for retrieving children.

In React, any content placed between a component’s opening and closing tags is passed to the component as a prop named children. This gives you a built-in, always-available way to access whatever is nested inside the component, whether it’s text, a single element, or multiple elements. For example, you can read and render it with props.children inside the component, so Hello yields a children value of "Hello," and Hithere yields a children value representing those nested elements.

This is why children is the best answer: it’s the standard, automatic container for nested content. Other options aren’t meant to serve this purpose. data would have to be passed explicitly as a prop, className is for styling and not for accessing nested content, and key is used by React to help identify items in a list and isn’t exposed as a prop for retrieving children.