My ProjectAboutAboutContact ↗Contact ↗ (opens in a new tab)
GitHubGitHub (opens in a new tab)DiscordDiscord (opens in a new tab)
  • Introduction
  • Styling
    • CSS
    • Tailwind CSS
    • Shadcn
  • React
    • JSX
    • Props
    • State
    • Unit Testing
    • Virtual DOM
    • Learninghistory
    • Memoization
  • Misc - To Be Hidden?
    • Growth Mindset
    • NBA
  • Practice Problem - TBH?
    • Clientside
    • Leetcode
  • dailycodetalk
    • Daily Coding
    • Feb9
    • Nov7
    • Nov8
    • Nov9
    • Nov12
    • Nov15
    • Nov18
    • Nov20
    • Nov21
    • Nov24
    • Nov26
    • Week1
    • Week3
    • Week5
    • Week6
  • fullstackopen
    • Part1 Introtoreact
    • Part2 Commwserver
  • scrimba
    • Notesapp
  • versioncontrol
    • Gittips
  • Introduction
  • Styling
    • CSS
    • Tailwind CSS
    • Shadcn
  • React
    • JSX
    • Props
      • Passing Data to a Component
      • Prop Drilling
    • State
    • Unit Testing
    • Virtual DOM
    • Learninghistory
    • Memoization
  • Misc - To Be Hidden?
    • Growth Mindset
    • NBA
  • Practice Problem - TBH?
    • Clientside
    • Leetcode
  • About
  • dailycodetalk
    • Daily Coding
    • Feb9
    • Nov7
    • Nov8
    • Nov9
    • Nov12
    • Nov15
    • Nov18
    • Nov20
    • Nov21
    • Nov24
    • Nov26
    • Week1
    • Week3
    • Week5
    • Week6
  • fullstackopen
    • Part1 Introtoreact
    • Part2 Commwserver
  • scrimba
    • Notesapp
  • versioncontrol
    • Gittips
  • Contact ↗ (opens in a new tab)

On This Page

  • Passing Data to a Component
  • Prop Drilling
Question? Give us feedback → (opens in a new tab)Edit this page
React
Props

Props

Passing Data to a Component

Passing data to components is possible with props

const Hello = (props) => {
    return (
        <div>
            <p>Hello {props.name}</p>
        </div>
    )
}

Prop Drilling

JSXState

Nextra Docs Template