TypeError: Cannot read property 'info' of undefined

Question

我对反应还很陌生，在将数据从一种方法传递到另一种方法时遇到问题。这是我的反应语法：

var url = "https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1"
class App extends React.Component{
  info(val){
  console.log(val)
  }

request(){
  axios.get(url)
  .then(function (response) {
      this.info(response)
    console.log(response.data);
  })
  }

render() {
    return(

    <div>
        <h1>axios</h1>
      {this.request()}
      </div>

    )
  }
}

ReactDOM.render(<App />, document.getElementById("target"))

我的目标是将响应数据从 request 方法传递到 info 方法。但是，我收到错误提示 "TypeError: Cannot read property 'info' of undefined" 你能帮我找出我遗漏了什么吗？

Answer 1

非常常见的问题，同样的问题有很多答案，所以作为社区 wiki 添加答案。

绑定问题，需要绑定this回调。

使用arrow function:

.then( (response) => {

有关详细信息，请查看此答案：

TypeError: Cannot read property 'info' of undefined

TypeError: Cannot read property 'info' of undefined

javascript

reactjs

react-native

axios