2017-05-06 106 views
0

我已經成功構建了一個帶有php交響曲和它的樹枝模板系統的webapp,但是現在需求已經改變了,我必須利用節點react.js。我已經閱讀了一些有關react.js的文檔,但我仍然爲了嚴格的時間表而失去了最佳方法。任何幫助我如何安全快速地做到這一點,即使在進階中也是如此。 某人如何在像這樣的模板中實現react.js?將枝條與react.js集成

{% extends 'admin/base.html.twig' %} 
{% block content %} 
Fill This form 
{{ form(form, {'attr': {'novalidate': 'novalidate'}}) }} 
{{ form_start(form) }} 
{{ form_widget(form) }} 
    <input type="hidden" name="token" value="{{ csrf_token('action') }}" /> 
{{ form_end(form) }} 
{% endblock %} 

編輯 由於我的項目的規模,重新啓動形式,表和其他反應將需要幾個月的時間。所以我讓我的交響樂應用交回表格和表格HTML作爲JSON字符串和我處理React中的表單就像JADE的內容一樣......我希望這不會出現安全威脅,我也在問它是不是太蹩腳。謝謝。

回答

1

按照以下步驟

  1. 創建您的正常路由器的API路由器版本
  2. 重定向路由器/ API到路由器
  3. 在您的API的詳細定義
  4. 設置_format默認參數爲JSON
  5. 構建您的ReactJS與Json溝通您的服務器

這些是我的緊急響應當我遇到同樣的問題時,我會採取一些措施,但後來我仍然經歷了將所有事情都轉化爲後續工作的嚴格工作,因爲我的json中充滿了html標記。它在時間上有所幫助,它給了我機會購買時間

3

簡單地說,你不能很快做到這一點。 React是一個前端的JS框架。 Twig是一款前端模板引擎。雖然可以讓他們一起工作,但從這個立場來處理您的項目是沒有意義的。一起使用Twig和React類似於將螺絲刀放入螺絲中,然後用錘子敲打它。

用React完全替代你的枝條用法會更有意義。

+0

這是一個非常大的項目 –

+1

我不確定一個大型項目如何取消使用純React與Twig/React混合的資格。 Facebook比你的項目更大。混合Twig和React只是在長期問題。 –