What are props in React - Quick Revision & Key Takeaways

Recall & Review

beginner

What are props in React?

Props are inputs to React components. They are like function arguments that let you pass data from a parent component to a child component.

beginner

How do you pass props to a React component?

You pass props by adding attributes to the component tag, like <MyComponent name="Alice" />. The child component receives them as an object.

beginner

Can props be changed inside a React component?

No, props are read-only. A component should never modify its own props. To change data, use state or pass new props from the parent.

beginner

Why are props important in React?

Props let components be reusable and dynamic by receiving different data. They help build a clear data flow from parent to child components.

beginner

Example: How to access a prop named 'title' inside a functional component?

Inside the function, use props.title or use object destructuring like function MyComponent({ title }) { ... } to access the title prop.

What does 'props' stand for in React?

A Properties passed to components

B Private variables inside components

C Functions to update state

D CSS styles for components

Props are short for properties and are used to pass data to components.

Can a React component modify its own props?

A No, props are read-only

B Only if using useState

C Yes, anytime

D Only in class components

Props are read-only and should never be changed inside the component.

How do you pass a prop named 'color' with value 'blue' to a component?

A <Component color: 'blue' />

B <Component color={blue} />

C <Component color='blue' />

D <Component 'color'='blue' />

Props are passed as attributes with values in quotes or curly braces for expressions.

Inside a functional component, how do you access props?

A Using context API only

B Using this.props

C Using state variable

D Using props parameter or destructuring

Functional components receive props as a parameter, which can be used directly or destructured.

Why are props useful in React?

A To style components

B To pass data and make components reusable

C To store local state

D To handle events only

Props allow components to receive data and be reused with different inputs.

Explain what props are in React and how they help components communicate.

Think about how you give instructions or data to a friend.

Describe how to pass and access props in a functional React component with an example.

Imagine sending a letter with a name on it and reading it inside.