Reactjs 服务器端模板

Question

我想知道有没有办法从服务器加载反应组件模板？

当我使用 Vuejs 或任何其他 js 库时，我实际上必须将代码添加到视图中，在它由服务器呈现后，javascript 开始运行并完成剩下的工作。

例如，我可以在 Symfony 应用程序中输入类似的内容来获取本地化的字符串： {{ 'header.article_title'|trans }}并且它被翻译了。

然而，由于模板被硬编码到 reactjs 组件中，我不能再使用 php/symfony/twig 函数了。 所以，我想知道是否有办法从像 AngularJS templateURL -option 这样的服务器获取模板。

Answer 1

终于知道如何做我需要的了。

我已经意识到可能没有 URL 的实际文件。 所以，如果我需要一个/react/component/Article.js它可以是一个动作的 URL。

因此，我创建了一个新包，添加了一个控制器，并为单个反应组件使用了一个带有视图的操作。

骨架代码如下所示：

/**
 * Class ComponentController
 * @package ReactjsBundle\Controller
 *
 * @Route("/react/component")
 */
class ComponentController extends Controller
{
    /**
     * @Route("/Article.js")
     */
    public function articleAction()
    {
        $resp = new Response();
        $resp->headers->set('Content-Type', 'text/javascript');

        return $this->render('ReactjsBundle:Component:article.html.twig', [], $resp);
    }
}