2016-03-25 7 views
1

以下のシーケンスでは、要求から受け取ったデータにthis.state.arrを設定することができませんでした。私は間違いなくarを設定しようとしています。どのように私は望みの結果を得ることができますかsetState on配列値React.js

EDIT:それはARRとして定義されているはず考慮着信データを取り込みながら[]var data = [{ "name": "AlphaBank", "curs": 3.8549, "cursVanzare": 4.0741, "day": 20 }, { "name": "AlphaBank", "curs": 3.8579, "cursVanzare": 4.0774, "day": 21 }]

var copyValue = ""; 


var TableComponent = React.createClass({ 
    getInitialState: function() { 
    return { sn: "", fn: "", arr: [] } 
    }, 

    componentWillMount: function() { 
    $.getJSON("api/data/GetData").done(function (data) { 
     copyValue = data[0].name; //data-array of Objects 
     this.setState({fn:copyValue, arr: data.slice(0)}) 
    }.bind(this)) 
    this.setState({ sn: "value" }); 
    }, 

    render: function() { 
    return (<div className="container"> 
     {this.state.sn} {this.state.fn} {this.state.arr[0].name} 
    </div>); 
    } 
}) 
+1

「データ」の見た目を投稿できますか? –

+0

データは{name:string、secondProp:string、thirdProp:int}を持つ30個のオブジェクトの配列です – meta4

+0

リクエストで問題が発生しました:XMLHttpRequestを読み込めません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。したがって、Origin 'https://fiddle.jshell.net'はアクセスが許可されていません – meta4

答えて

0

マイ愚かな間違いはARRを宣言した[{}](おかげ間違いを指摘する助けにはAlexander T)。