如何在React.js组件类中访问变量

Question

如果我有

const stateData = [
{
    'id': 'AL',
    'name': 'Alabama',
    'capital': 'Montgomery',
    'date': 'December 14, 1819'
}, 
{
    'id': 'AK',
    'name': 'Alaska',
    'capital': 'Juneau',
    'date': 'January 3, 1959'
}];

const SearchBarAndResults = React.createClass({
  render() {
    // QUESTION: how do I access variable stateData here and replace field
    // from 'id': 'AL' to 'id': 'AK'?
  }
});

Answer 1

您应该像本例一样将const stateData传递到您的组件中，然后您可以使用组件中的{this.props.data}来访问组件范围数据。

React.render(<SearchBarAndResults data={stateData[0]} />, document.getElementById('container'));

这是一个有效的例子。

http://jsfiddle.net/diegochavez/5q644d53/2/

最好，