[Day29] React - 浅谈 Component 的Props

• 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