React 使用的語法是JSX，JavaScript XML，需要透過Babel編譯後才能執行，可以視作React.createElement，這也導致他的回傳物件都只能由一個element

  render() {
    return (
      <>
        <h1>{this.props.text}</h1>
      </>
    )
  }

傳值方法

父元件可以透過props傳值給子元件

父元件

<HelloWorldFunction text="hello world"></HelloWorldFunction>

子元件

const HelloWorldFunction = (props) => <> {props.text} </>

比較

狀態(state)與屬性(prop)

更動state值會觸發重新渲染所以有嚴格限制不能隨意改動state值

類別元件與函式型元件