プロビジョニングでコンストラクタ変数を取得

Question

javascriptを使用してフェッチコール内でコンストラクタ変数を取得して反応できません。 .then（function（json）コールバック内のthis.state.numXLabelsの値が欲しいですが、TypeError：未定義（...）のプロパティ 'state'を読み込めません。これを行う正しい方法は？関連するコード：

はTypeError：未定義のプロパティを読み取ることができません「状態」（...）

import React, { Component } from 'react' 
class StockGraph extends Component { 

constructor(props) { 
    super(props); 
    this.state = { numXLabels: 0 } 
    var url = 'https://www.quandl.com/api/v3/datasets/WIKI/MSFT'+ 
      '.json?api_key=bCRpjzvgPNkxLzqAv2yY'; 
    fetch(url) 
    .then(function(response) { 
     return response.json() 
    }) 
    .then(function(json) { 
     console.log(this.state.numXLabels); 
     //this.setState({ 
     // numXLabels: 30 
     //}) 
    }) 
    } 
... 

Answer 1

は、状態を使用するか、あなたのコンポーネントに反応のコンストラクタでAJAX呼び出しを行うためにしようとしないでくださいその代わり、ということを置きます。 の中のcomponentWillMountのようにすぐに呼び出されます。また、あなたのajaxコールバック内のthis.stateにアクセスするには、thisをこの関数にバインドする必要があります。を使用するが最も簡単な方法です。

class StockGraph extends Component { 
    constructor(props) { 
     super(props); 
     this.state = { numXLabels: 0 } 
    } 

    componentWillMount() { 
     var url = 'https://www.quandl.com/api/v3/datasets/WIKI/MSFT'+ 
      '.json?api_key=bCRpjzvgPNkxLzqAv2yY'; 
     fetch(url) 
     .then((response) => { 
      return response.json() 
     }) 
     .then((json) => { 
      console.log(this.state.numXLabels); 
      //this.setState({ 
      // numXLabels: 30 
      //}) 
     }) 
    } 
    ...