ReactJS「參考文獻」的組分「PROP」被更新

Question

後未定義我有以下部件

class DataEntryAndResearch extends React.Component<any, any>{ 
    render() { 
     return (
      <form className="task-form" 
       {this._possibleQuestions()[this.props.currentQuestion]} 
      </form> 
     ); 
    } 

    componentDidUpdate() { 
     console.log(this); 
     console.log(this.refs.formInput); 
    } 

    _possibleQuestions() { 
     return ([ 
      <div> 
       <FormInput 
        placeholder="Email" 
        ref="formInput" 
       /> 
      </div> 
     ]) 
    } 
} 

在上面的代碼中，所有我做的是一個在FormInput組件內ref（"formInput"）連接。然後我嘗試通過在componentDidUpdate方法中輸出它來在我的控制檯內看到formInput裁判。

問題是以下幾點。當組件第一次渲染時，this.refs.formInput輸出預期的對象（<FormInput />），但當this.props.currentQuestion得到更新時，將擦除formInput ref。每當我嘗試輸出formInput時，它返回「undefined」我不確定發生了什麼：/

Answer 1

您應該bind功能this。

請嘗試以下操作。

constructor(props) { 
    super(props) 
    this._possibleQuestions = this._possibleQuestions.bind(this) 
} 

添加這裏面你class