Functional Components in React: Introduction to Props

Create a UserCard Component

Build a functional component named `UserCard` that accepts `name`, `age`, and `email` as props and displays them.

Expected output: A component rendering the user's name, age, and email passed as props.

Hint: Use destructuring to access props and render JSX elements for each prop.

Pass a Callback Prop

Create a parent component that passes a function as a prop to a child component. The child should call this function on a button click.

Expected output: Clicking the button in the child triggers the parent's function.

Hint: Define a function in the parent and pass it as a prop. Use an `onClick` handler in the child.

Props are inputs passed from a parent component to a child functional component, allowing data to be passed and used for rendering.

No, props are read-only and should never be modified inside the component. To change data, use state or callbacks.

Props are accessed as the first parameter of the functional component, either as an object or destructured variables.