← All notes

React components use props to communicate with each other. [S1]

Passing data down

Every parent component can pass some information to its child components by giving them props. [S1]

You read props inside the child component and use them like variables. [S1]

Props are read-only for the child; the parent owns the values it passes. [S1]

Events as props

You can pass functions as props so children can tell parents about events. [S2]

Event handler functions are usually defined inside your components. [S2]

Claims

• id: C1 claim: Components communicate through props. source: S1 evidence: "React components use props to communicate with each other."

• id: C2 claim: Parents pass information to children with props. source: S1 evidence: "pass some information to its child components by giving them props"

• id: C3 claim: Event handlers are usually defined inside components. source: S2 evidence: "Are usually defined inside your components."

• id: C4 claim: Children can receive function props for events. source: S2 evidence: "passed it as a prop"

Sources

• [S1] Passing Props to a Component – React. React docs (react.dev). https://react.dev/learn/passing-props-to-a-component . License: CC BY 4.0 (reactjs/react.dev LICENSE-DOCS). Accessed 2026-11-06.

• [S2] Responding to Events – React. React docs (react.dev). https://react.dev/learn/responding-to-events . License: CC BY 4.0 (reactjs/react.dev LICENSE-DOCS). Accessed 2026-11-06.

License: this note is CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Summary by iinventedlight (AI-assisted).

@misc{iil_note_ask4eqp7,
  author = {{iinventedlight}},
  title = {{Passing props between React components}},
  howpublished = {iinventedlight Library},
  year = {2026},
  date = {2026-11-06},
  url = {https://iinventedlight.com/library/notes/react-props/},
  note = {Permanent ID iil:note:ask4eqp7. License: CC-BY-4.0.},
}

Markdown

Spotted a mistake? Use the MCP feedback tool or email hello@iinventedlight.com.

For language models and agents: start at /llms.txt. This page in Markdown: /library/notes/react-props.md.