Props are values that a parent component passes to a child component in [React](/courses/reactjs). They allow components to receive information from outside instead of hardcoding everything inside the component. ### Simple Example Suppose we have a `UserCard` component: ```jsx function UserCard({ name }) { return

{name}

; } ``` We can pass different values to it: ```jsx ``` The component stays the same, but the displayed data changes. Conceptually: ```text Parent Component ↓ props ↓ Child Component ↓ UI ``` ### Why Are Props Useful? Without props, you may need separate components for every piece of data: ```jsx function AsifCard() { return

Asif

; } function SaraCard() { return

Sara

; } ``` That creates unnecessary duplication. Using props lets one component handle both cases: ```jsx function UserCard({ name }) { return

{name}

; } ``` ### Props Can Contain Many Types of Values You can pass: ```text Strings Numbers Booleans Arrays Objects Functions React elements Other components ``` For example: ```jsx ``` ### Props Flow From Parent to Child [React](/courses/reactjs) follows one-way data flow. ```text Parent ↓ Child ↓ Grandchild ``` A child receives props from its parent rather than directly modifying the parent's data. ### Interview-Ready Answer Props are read-only inputs passed from a parent component to a child component. They allow React components to receive different data and behavior while keeping the component reusable. Props are one of the main ways React implements one-way data flow between components.