Used to pass data to Components.

  1. Make a prop
<Greeting text={'yo'}/>
  1. Use prop value
function Greeting(props){
	return <h1>{props.text}</h1>
}

Passing As Object

In app.js:

const myobject = {
	a : 20,
	b : 40
}
function App(){
	return (
		<Mycomponent a={myobject.a} b={myobject.b}/>
	)
}

Concepts