Axios ReactJS - 未定義のプロパティ 'setState'を読み取ることができません

Question

ReactJSで簡単なことをしている間、 "TypeError：プロパティ 'setState'が未定義です"というエラーが表示されます。私は応答データで入力を埋めるためにAxiosを使用しようとしています。これまでのところ成功していない。 私はAxiosとReactJの両方にとても新しいので、見落としたことがあるかもしれません。

TypeErrorが修正された後、フォームの入力フィールドに「応答テキスト」が表示されると思います。

この

は私のコンポーネントです：

class BasicInfoBlock extends React.Component { 

constructor(props) { 
    super(props); 

    this.state = { name : "EventTestName" }; 
} 

componentDidMount() { 
    axios 
    .get(getBaseUrl()+`get`) 
    .then(function (response) { 
     this.setState({name: "RESPONSE TEXT"}); 
     //this.setState({name: response.data.name}); 
    }) 
    .catch((e) => 
    { 
     console.error(e); 
    }); 
    //this.setState({}); 
} 


render(){ 
    return(
      <form className="form-horizontal"> 
       <div className="form-group"> 
        <label htmlFor="eventName" className="col-sm-2 control-label">Name</label> 
        <div className="col-sm-10"> 
        <input type="text" id="eventName" className="form-control" placeholder="Event name" defaultValue={this.state.name}/> 
        </div> 
       </div> 
      </form> 
     ); 
} 

}

はあなたの助けをありがとう

編集：これは重複問題ではない、この質問には、「これは」で利用可能ではないに関し、折り返し電話。重複として選択された質問はバインドに関連しています。

Answer 1

プロミスの方法では、thisはコンポーネントを参照しなくなります。

componentDidMount() { 
    axios 
    .get(getBaseUrl()+`get`) 
    .then((response) => { 
    this.setState({name: "RESPONSE TEXT"}); 
    //this.setState({name: response.data.name}); 
    }) 
    .catch((e) => 
    { 
    console.error(e); 
    }); 
    //this.setState({}); 
}