About Lesson
In React, props (short for “properties”) are used to pass data from a parent component to a child component. In functional components, props are passed as an argument to the function.
Key Features:
- Read-Only: Props are immutable within the child component; they cannot be modified.
- Accessing Props: Props are accessed directly through the function parameter (e.g.,
props.name
or destructuringconst MyComponent = ({ name }) => {}
). - Dynamic Data: Props allow passing dynamic data, such as strings, numbers, arrays, or even functions, to child components.
Using props in functional components promotes reusability and helps build flexible, dynamic UIs.