Passing properties using props
// App.s
class App extends Component {
render() {
return (
<div className="App">
<h1>Hi, I'm a React App</h1>
<Person name="Max" age="28"/>
<Person name="Manu" age="29">My Hobbies: Racing </Person>
<Person name="Stephanie" age="26"/>
</div>
);
}
}
// Person.js
import React from 'react';
const person = (props) => {
console.log(props);
return <p>I'm {props.name} and I am {props.age} years old! </p>
};
export default person;