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