2016-04-14 10 views
0

私はReact.jsコンポーネントクラス内の変数にアクセスする方法

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'? 
    } 
}); 
+0

はまあ、このコード例を与えられ、コードが同じスコープで書かれて表示され、あなたのコンポーネント内の任意の関数から 'stateData'にだけアクセスすることができます。 – Aaron

答えて

0

あなたはこの例のように、あなたのコンポーネントにしてのconst stateDataを渡す必要がある場合は、あなたが使用してコンポーネントのスコープデータへのアクセス権を持っています{あなたのコンポーネントのthis.props.data}。

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

これは実際の例です。

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

ベストあなたはモジュールを使用していないので、

関連する問題