setState数组值React.js

Question

Given the sequence below, I failed to set this.state.arr to data received from request, I suppose my mistake is in the way I try to set arr. How could I achieve wanted result?

EDIT: 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>);
  }
})

Answer 1

我的愚蠢错误是在声明arr：[]的同时考虑了传入数据，因此应该将其定义为arr：[{}] （感谢Alexander T在指出错误时提供了帮助）。