介绍

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,我们可以创建可重用的组件。