DEV Community

loading...

What exactly are React props?

jasterix profile image Jasterix ・1 min read

Before delving too deeply into React, I'm forcing myself to take the time to understand the most basic React concepts. This short blog post will attempt to clearly summarize the concept of props in a way that the newest of programming students can understand.

So what are props?

To put it simply:

Props (short for properties) are the arguments you pass into a React component that then render a React element.

Props can be strings, objects, arrays or functions. Props get passed into React components


class Hello extends Component {
  render() {
    return <h1>Hi, {this.props.name}</h1>
  }
}

Enter fullscreen mode Exit fullscreen mode

Seems simple, right?

By default, "props" is available through the this keyword of your component. They are also able to be passed between your components, generally from parent to child.

Checkout this blog post for a few different examples of props.

Discussion (0)

Forem Open with the Forem app