2016-09-05 24 views
1

我有一個使用React狀態構建的前端,旨在根據用戶操作進行調整。但是,我的前端React也是爲了顯示和允許操作我的服務器端數據。目前我的視圖引擎是EJS,我正在使用它來顯示數據。作爲一個廣泛的例子:使用React與ejs?

return (<div class="col-md-6 col-sm-6 col-xs-7"> 
    <ul> 
     <li><span class="point">Name:</span> <%= user.profile.name %> </li> 
     <li><span class="point">Email:</span> <%= user.email %> </li> 
    </ul> 
    </div>); 

我已經確定,我不能作出反應混合使用這些EJS <%=標籤。這使得操縱數據成爲一項挑戰。除非我用jQuery重做我的UI,否則我不知道如何繼續。

我看過this React documentation傳遞數據,但經過測試,結果不允許我進行跨源調用,而且我的MongoDB存儲在MongoLab中。因此,我轉而使用EJS來調用我的數據。

由於使用React和EJS的限制,我很困惑我有什麼解決方案來實現像React和服務器端數據這樣的UI工具。

+1

你有沒有node.js後端? – Igorsvee

+0

我有一個快速的環境設置。 –

+2

這沒有意義。 React *已經通過JSX'{...}'符號模板化了,爲什麼還需要模板化?花半小時瀏覽https://facebook.github.io/react/docs/tutorial.html,這非常值得您花時間,以便您瞭解「客戶端與服務器」不是區別React應該是什麼關注於。你讓React構建UI。不是其他一些模板引擎。 –

回答

2

在快遞:

res.render('view', {user: myUser}); 

在EJS應用程序的JS包前:

<script type='text/javascript'> 
    var userFromServer =<%-JSON.stringify(user)%> 
</script> 

使用userFromServer在你的反應代碼。