ReactJS - ブレードからJSXへのパラメータを渡す

Question

私は使用しています。とララベルです。

コントローラからブレードビューに値を渡すことができます。しかし、この値をビューからJSXに渡すにはどうすればよいですか。

私の見解は次のようになります。

<?php 
    echo $max_price; 
?> 

@extends('layouts.master') 


@section('content') 
    <div id="stocks"></div> 
@endsection 

私はここにMAX_PRICEにアクセスすることができます。しかし、どうすればJSXファイルに渡すことができますか？

pageComponent

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var PageComponent = require('./PageComponent'); 

if (document.getElementById('stocks')) { 
    ReactDOM.render(<PageComponent />,document.getElementById('stocks')); 
} 

Answer 1

をレンダリングJSXファイルは、あなたがJSに、ブレードからのデータを共有するwindowオブジェクトを使用することができます。

<script type="text/javascript"> 
    window.maxPrice= {!! json_encode($max_price) !!}; 
</script> 

、その後、あなたのjsxファイルにwindow.maxPriceを使用することができます。

ReactDOM.render(<PageComponent maxPrice={window.maxPrice} />, 
    document.getElementById('stocks')); 

ただし、 jsxからwindow変数に直接アクセスすることを推奨します。 JSXで

export function getMaxPrice() { 
    return window.maxPrice; 
} 

、その後：これが動作している

ReactDOM.render(<PageComponent maxPrice={getMaxPrice()} />, 
    document.getElementById('stocks'));