介紹

props 用於將資料和方法從父元件傳遞到子元件。

有趣的事情關於 props

1. 它們是不變的。
2. 它們允許我們建立可重用的元件。

基本的例子

class Parent extends React.Component{
  doSomething(){
     console.log("Parent component");
  }
  render() {
    return <div>
         <Child 
           text="This is the child number 1"
           title="Title 1" 
           onClick={this.doSomething} />
         <Child 
           text="This is the child number 2"
           title="Title 2" 
           onClick={this.doSomething} />
      </div>
  }
}

class Child extends React.Component{
  render() {
    return <div>
       <h1>{this.props.title}</h1>
       <h2>{this.props.text}</h2>
      </div>
  }
}

正如你在示例中所看到的，感謝 props，我們可以建立可重用的元件。