React使用相同的组件

Question

这有点奇怪，因为除了ReactJS我在创建新的动态组件时一次又一次地使用相同的组件！

render() {
   let allPopups = this.props.popups;
   let popup;
   if (allPopups.length > 0) {
      popup = <Popup data={allPopups.slice(-1)[0]} close={this.close}/>
   }

    return(<div className="popupManagers">{popup}</div>)
 }

当渲染接收新状态时重用弹出组件，Popup构造函数不会再次运行。

class Popup extends Component {
  constructor(props) {
    super(props);

    this.first = Math.random(); //let's just say its 0.19760448299684819
  }
}

this.first对于所有弹出窗口都是“0.19760448299684819”，我在哪里可以找到反应文档中的反应将重用已卸载的旧组件？我知道这是好事，但如果我没有遇到这个问题，我怎么知道呢！

谢谢！