What is the purpose of React props?

In React, **props** (short for "properties") are a fundamental mechanism used to pass data from a parent component to a child component. They allow components to be dynamic and reusable by enabling you to customize the child components with different inputs. When you create a React component, you can specify attributes on it, which become the props inside that component. For example: ```jsx function Greeting(props) { return Hello, {props.name}!; } // Usage ``` In this example, the `name` prop with the value `"Alice"` is passed from the parent component to the `Greeting` component. Inside `Greeting`, you access this value via `props.name`. This allows the component to render personalized content based on the input it receives. Props are **read-only**, meaning that a component should never modify its own props. Instead, props provide a way to configure components and share data down the component tree. If a component needs to manage changing data internally, it should use state rather than props. In summary, the purpose of React props is to: - **Pass data and configuration** from parent to child components. - **Make components reusable** by allowing them to render different outputs based on input props. - **Maintain unidirectional data flow** in React applications, which helps keep your UI predictable and easier to debug.