Hackforge Academy

Explanation

Props pass data from a parent component to a child component.

Code:

<Welcome name='John' />

Explanation

Props are received as function parameters.

Code:

function Welcome(props){
 return <h1>{props.name}</h1>;
}

Explanation

Props are read-only and should not be modified.

Code:

// props.name = 'Sam'; // Not allowed

Explanation

Props can be destructured for cleaner code.

Code:

function Welcome({name}){
 return <h1>{name}</h1>;
}

Explanation

Any JavaScript value can be passed as a prop.

Code:

<User age={25} active={true} />