What is the term for the attributes passed to a component to configure it?

What is the term for the attributes passed to a component to configure it?

• A. State
• B. Props
• C. Context
• D. Keys

Answer: (B)

In React, the attributes you pass into a component to configure it are called props. They serve as inputs from a parent to a child component, letting you customize what the component renders without changing its own internal state. For example, a Button component might receive a label prop to determine the text shown on the button, or an onClick prop to specify what happens when it’s clicked. The component reads these values and uses them to render, but it shouldn’t try to modify them inside the component. State, by contrast, is internal data that the component manages itself and can change over time. Context is a way to pass data through the component tree without drilling props at every level, often used for global values like theme or the current user. Keys are special attributes used by React to help identify elements in a list during reconciliation, not data the component uses to render.

In React, the attributes you pass into a component to configure it are called props. They serve as inputs from a parent to a child component, letting you customize what the component renders without changing its own internal state. For example, a Button component might receive a label prop to determine the text shown on the button, or an onClick prop to specify what happens when it’s clicked. The component reads these values and uses them to render, but it shouldn’t try to modify them inside the component.

State, by contrast, is internal data that the component manages itself and can change over time. Context is a way to pass data through the component tree without drilling props at every level, often used for global values like theme or the current user. Keys are special attributes used by React to help identify elements in a list during reconciliation, not data the component uses to render.