javascript ReactJs - 道具

Posted 2021-05-04

// 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;