所以，我對 React 很陌生，無法解決這個問題。我正在嘗試使用父組件從數據庫中獲取的信息預先填充表單。子組件應該將數據顯示為默認值，然后在用戶編輯表單時更改狀態。這就是我將數據作為道具傳遞的方式（編輯 2）：componentDidMount() {    const ticketID = this.props.match.params.ticketID;    axios.get(`http://127.0.0.1:8000/api/tickets/${ticketID}`).then(res => {      this.setState({ ticket: res.data }, () => console.log(this.state.ticket));    });  }{this.state && this.state.ticket ? (  <TicketForm    requestType="put"    ticketID={this.props.match.params.ticketID}    btnText="Update"    ticket={this.state.ticket}    /> ) : (  <div />    )}這工作正常。我能夠獲取數據并將其記錄在 console.log 中，但我無法將其設置為默認狀態。表單保持空白，當我嘗試在其上鍵入內容時會拋出警告：“組件正在更改要控制的文本類型的不受控制的輸入。輸入元素不應從不受控制切換到受控制（反之亦然）”。<--- 已解決（編輯 2）我遵循了本教程https://www.youtube.com/watch?v=IK9k9hSuYeA&t=373s。子組件如下：class TicketForm extends React.Component {   constructor(props) {    super(props);    this.state = {      name: props.ticket.name || "",      description: props.ticket.description || ""    };    handleChange = e => {    this.setState({      [e.target.name]: e.target.value      });    };     (...)   render() {    return (      <div className="form-container">        <div className="card mb-3">          <div className="card-header">            <h2>{this.state.btnText} Ticket</h2>          </div>          <div className="card-body">            <form              onSubmit={e =>                this.onSubmit(e, this.props.requestType, this.props.ticketID)              })}我花了幾個小時試圖解決這個問題并在這里閱讀了一堆帖子，但仍然無法解決這個問題。任何幫助將非常感激。編輯 1：我終于弄明白了為什么在構造函數上未定義 props。當我將票證作為道具傳遞時，票證仍在從數據庫中獲取，因此構造函數接收到的值仍然未定義。編輯 2：嘗試在父子節點上使用三元運算符，以確保僅在完全設置狀態后才傳遞道具。