我有一個沒有高度屬性的容器（高度與填充它的內(nèi)容一樣大），并且我正在更改該容器內(nèi)的文本內(nèi)容，這最終會更改高度。我試圖弄清楚如何在高度變化時在容器上放置過渡。我無法初始化容器的高度，因為 this.state.text 將是動態(tài)的，并且它將更改為動態(tài)的文本也將是動態(tài)的。我現(xiàn)在擁有的當(dāng)前代碼顯示，當(dāng)容器的高度發(fā)生變化時，沒有任何轉(zhuǎn)換。這是一個簡單的例子來向您展示我在說什么。這是組件：import React, { Component } from "react";export default class Test extends Component {  constructor(props) {    super(props);    this.state = {      text: "Item 2",    };  }  changeText = () => {    this.setState({      text:        "A much longer text@@@@@@@ @@@@@@@ @@@@@@ @@@@@@@@ @@@@@ @@@@ @@@@@@ @@@@ @@@@@ @@@@@@     @@@@@@@ @@@@@@@@@@ @@@@ @@@@ @@@@@@@@@@@@@@@!",    });  };  render() {    return (      <div>        <div className="text">          <div className="item1">Item 1</div>          <div className="item2">{this.state.text}</div>          <div className="item3">Item 3</div>        </div>        <button onClick={this.changeText}>Click</button>      </div>    );  }}這是CSS：.text {  background-color: yellow;  max-width: 300px;  transition: all 3s ease-out;}