Demon Tech Roadmap

React

React Props

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

Read Time

5 min read

Difficulty

Beginner

Last Updated

Jun 15, 2026

Version

v1.0.0

Introduction

Props are custom HTML attributes for React components. If you build a Profile component, you can use props to pass different names to it. Props are strictly read-only; the child component cannot change them.

Example

1/* this uses props */
2function User(props) {
3  return <h2>Hello, {props.name}!</h2>;
4}
5
6// Usage: <User name="Alice" />

Key Points

"Props" stands for properties.
They pass data downwards through the component tree.
They act just like function arguments.
A component must never modify its own props.

Up Next

Continue your journey with the next topic.

Go to React State ❯