2016-12-23 80 views
3

我是React的新手,所以我想了解所有這些如何協同工作。反應POST到節點服務器並處理JSON響應

從節點服務器獲取狀態200後,是否有方法更改爲其他組件渲染的組件?

例如。我正在使用express服務器從註冊頁面向我的節點執行POST HTTP請求。服務器響應一個json對象到我的前端。哪個現在我想讓配置文件組件/頁面呈現而不是留在註冊頁面。這使我可以使用Json數據並將其呈現在配置文件頁面上。這可能嗎?如果您有其他選擇,我也樂意提供建議。

謝謝各位。

注: 我正在使用react路由器來控制不同的路由。 我的節點服務器設置有護照來處理新單。

回答

0

你基本上需要管理你的應用程序的狀態(。用戶連接/未連接),那麼你可以用管理用戶連接或不是事實的成分裏面你的頁面

假設你設置user_is_logged爲true,如果登錄成功,你可以做這樣的事情。:

var PageWrapper = React.createClass({ 
    render : function() { 
     // user_is_logged is true if user is correctly logged 
     // LoginPage is the authentication form 
     var pageContent = user_is_logged ? this.props.children : <LoginPage />; 
     return (
      <div> 
       <Menu /> 
       <div className="container"> 
        {pageContent} 
       </div> 
      </div> 
     ); 
    }, 
}); 

var MyPage = React.createClass({ 
    render : function() { 
     return (
      <PageWrapper> 
       <div>content of page...</div> 
      </PageWrapper> 
     ); 
    }, 
}); 

,並重新呈現在AJAX回調的頁面:

ReactDOM.render (<MyPage />, document.getElementById('my-app')); 

它的工作原理也與之反應路由器。