Symfony twig + ReactJS

Question

我想从twig模板渲染一个reactJS组件。是否可以？

我尝试过:

<div class="top-line">
    <h1>{{ username }}</h1>

    {% verbatim %}
    <script type="text/html" id="follow-button">
        <FriendshipButton user={{ app.user }} />
    </script>
    {% endverbatim %}
    <div id="follow-button-mp"></div>
</div>

在 JS 端:

React.render(
    React.createElement(document.getElementById('follow-button').innerHTML),
    document.getElementById('follow-button-mp')
);

出现错误:

 Uncaught Error: Invariant Violation: Invalid tag: 
        <FriendshipButton user={{ app.user }} />

Answer 1

Twig :

<script type="text/javascript">

    // you might have to serialise user to JSON here if you
    // want a more complete user object
    var user = '{{ app.user.id }}';

</script>

Javascript 组件(使用 JSX)

React.render(

    <FriendshipButton user={user} />,
    document.getElementById('follow-button-mp')
);