예제 #1
0
 public function testGetSrc()
 {
     $lib = new Mpw\V8\JsLib('test', 'true;');
     $this->assertEquals($lib->getSrc(), 'true;');
 }
예제 #2
0
// Create a new component
$personComponentHtml = $componentFactory->renderComponent('Person', ['firstName' => 'Matt']);
$peopleData = ['people' => [['firstName' => 'Matt'], ['firstName' => 'Paulie']], 'lastName' => 'Wells'];
$peopleComponentHtml = $componentFactory->renderComponent('Family', $peopleData);
// Add more data to people array to show frontend render
$peopleData['people'][] = ['firstName' => 'Zora'];
?>
<!DOCTYPE html>
<html>
<head>
    <title>Server-side rendering</title>
</head>
<body>
<script>
<?php 
echo $componentBundle->getSrc();
?>
</script>
<script>
(function (ReactDOM, React, Components) {
    document.addEventListener('DOMContentLoaded', function (e) {
        ReactDOM.render(
            React.createElement(Components.Family, <?php 
echo json_encode($peopleData);
?>
),
            document.querySelector('#people'));

        ReactDOM.render(
            React.createElement(
                Components.Person, {