Inject data from laravel controller into react code

Question

Deep down in my components tree I have a select tag, which need to be populated by data from the backend. This should happen initially when the page loads.

Is there a way to pass data using with in my controller and then into some auxillary js file?

return view('greeting')->with('name', 'Victoria');

An option is doing an API call after component mount but I rather avoid that. What is the best practice here?

You can always set a variable in the blade file. I assume you're using something like an index.blade.php, then in a script or on an element do: let myData = '{{ $name }}' or <input type="hidden" name="name" value="{{ $name }}" /> — user320487
– user320487, Commented Feb 10, 2018 at 8:50

ajthinking · Accepted Answer · 2018-02-10 15:20:09Z

1

Thanks @btl! Works perfect, just adding example here.

Route::get('/', function () {
    return view('welcome')->with('name', 'Victoria'); });

In welcome.blade.php

<!doctype html>
<html lang="{{ app()->getLocale() }}">
    <head>
    ...
    </head>
    <body>        
        <div id="main"></div>
        <script>
            let myData = '{{ $name }}'
        </script>
        <script src="{{asset('js/app.js')}}" ></script>                
    </body>
</html>

Finally in some arbitary jsx file (to be compiled into app.js)

<h1>{myData}</h1>

answered Feb 10, 2018 at 15:20

ajthinking

4,86611 gold badges52 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Inject data from laravel controller into react code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related