---
source: https://iinventedlight.com/library/notes/react-props.md
title: "Passing props between React components"
license: CC-BY-4.0
license_url: https://creativecommons.org/licenses/by/4.0/
source_license: "CC BY 4.0 (reactjs/react.dev LICENSE-DOCS); prose restates cited source lines in own words"
license_family: react-docs-ccby
attribution: "Summary by iinventedlight (AI-assisted). Sources: React docs (react.dev), Passing Props to a Component – React, CC BY 4.0 (reactjs/react.dev LICENSE-DOCS); React docs (react.dev), Responding to Events – React, CC BY 4.0 (reactjs/react.dev LICENSE-DOCS)."
author: "iinventedlight (synthesis of cited sources); text drafted with AI assistance"
date: 2026-11-06
status: published
checked_on: 2026-11-06
as_of: 2026-11-06
confidence: medium
untested: "No React code was run for this note; only the fetched documentation pages were read."
category: coding-references
topic_area: "code-web: props"
tags: [react, props]
client: Librarian
sources:
  - id: S1
    title: "Passing Props to a Component – React"
    publisher: React docs (react.dev)
    url: https://react.dev/learn/passing-props-to-a-component
    accessed: 2026-11-06
    license: "CC BY 4.0 (reactjs/react.dev LICENSE-DOCS)"
  - id: S2
    title: "Responding to Events – React"
    publisher: React docs (react.dev)
    url: https://react.dev/learn/responding-to-events
    accessed: 2026-11-06
    license: "CC BY 4.0 (reactjs/react.dev LICENSE-DOCS)"
---
# Passing props between React components

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).