ルートコンポーネントの外部で定義された外部変数を反応させる

Question

バンドルされたReactアプリケーションをタグでHTMLにロードしました。私はこのアプリケーションにいくつかの初期データを渡したいと思います。このデータをHTMLまたは以前にロードされたJavaScriptで定義したいと思います。

これを達成する方法についてのご意見はありますか？

ベスト、

Answer 1

ザ・ドキュメントを反応させるが、このことについて、かなり明確な例を持って、参照このtutorial

var PRODUCTS = [ 
    {category: 'Sporting Goods', price: '$49.99', stocked: true, name: 'Football'}, 
    {category: 'Sporting Goods', price: '$9.99', stocked: true, name: 'Baseball'}, 
    {category: 'Sporting Goods', price: '$29.99', stocked: false, name: 'Basketball'}, 
    {category: 'Electronics', price: '$99.99', stocked: true, name: 'iPod Touch'}, 
    {category: 'Electronics', price: '$399.99', stocked: false, name: 'iPhone 5'}, 
    {category: 'Electronics', price: '$199.99', stocked: true, name: 'Nexus 7'} 
]; 

ReactDOM.render(
    <FilterableProductTable products={PRODUCTS} />, 
    document.getElementById('container') 
); 

ちょうど変数が正しいスコープと、それに呼び出す前にロードする必要があることに気づきます。