這是一個聊天應(yīng)用示例->這里的想法是.messages-container盡可能多地占用屏幕。在中.messages-container，.scroll保存消息列表，如果有更多消息，則滾動屏幕大小。現(xiàn)在，考慮這種情況：用戶滾動到對話的底部的.text-input，動態(tài)地變大現(xiàn)在，文本輸入增加，而不是用戶一直滾動到對話的底部，他們不再看到底部。解決該問題的一種方法，如果我們使用react，請計算文本輸入的高度，如果有任何變化，請讓.messages-container知道componentDidUpdate() {  window.setTimeout(_ => {    const newHeight = this.calcHeight();    if (newHeight !== this._oldHeight) {      this.props.onResize();    }    this._oldHeight = newHeight;  });}但是，這會導(dǎo)致明顯的性能問題，這是可悲的圍繞傳遞消息是這樣的。有沒有更好的辦法？我可以這樣使用css來表示，當(dāng).text-input- shift upincreas 增加時，我基本上想要所有.messages-container