标签：reactjs react-native react-native-android javascript

在我的React Native应用程序中,我试图从我的API中获取特定的响应字符串,并将其显示在视图中的文本组件中.下面的方法不起作用,并返回“ TypeError：undefined不是函数(正在评估_this5.setState …)

我认为这很简单,但却使我难以理解.

export default class Test extends Component {

  constructor (props) {
    super(props);
    this.state = {
      current: 'Blank',
    }
  }

  render () {
    return (
      <View>
        {this.state.current}  
      </View>   
    );
  }

  postRequest (data) {
    fetch('https://????/controllers/ajaxController.php', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
      },
      body: "main=" + parseInt(data),
    })
    .then(function (response) {
      responseData = response.json();
      if (response.status == 200) {
        return responseData.then((data) => this.setState({ current: data[0] }));
      }  else {
        throw new Error('Server Error!');
      }
    })
  }
}

解决方法:

使用箭头函数可以将此词法范围限定于组件：

postRequest = (data) => {
  fetch('https://????/controllers/ajaxController.php', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
    },
    body: "main=" + parseInt(data),
  })
  .then((response) => {
    responseData = response.json();
    if (response.status == 200) {
      return responseData.then((data) => this.setState({ current: data[0] }));
    } else {
      throw new Error('Server Error!');
    }
  })
}

标签：reactjs,react-native,react-native-android,javascript
来源： https://codeday.me/bug/20191111/2019264.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。