• Props 是傳遞給 React Component 的參數。
• Propse 透過HTML屬性傳遞給Component。

使用Props

React Props 就像 JavaScript 中的函數參數和HTML 中的屬性。

• 要將 props 發送到Component中，方式與 HTML 屬性差不多的語法：

const myElement = <Car brand="Toyota" />;

• Component接收參數來做為props對象：

class Car extends React.Component {
    render(){
        return <h2>I love {this.props.brand}!</h2>
    }
};

完整程式碼

import React from "react";
import ReactDOM from "react-dom";

class Car extends React.Component {
  render(){
      return <h2>I love {this.props.brand}!</h2>
  }
};

const myElement = <Car brand="Toyota" />;

ReactDOM.render(myElement, document.getElementById('root'));

輸出結果>>>
I love Toyota!

參考來源:
https://www.w3schools.com/react/react_props.asp