2016-09-27 50 views
1

我收到一個空白頁,並顯示錯誤無法開機自檢/註冊/步驟二無法發佈錯誤反應js

我正在嘗試創建多步註冊。我的主要組成部分的渲染功能如下:

render() { 
    const languageReg = this.props.currentLanguage.default.registrationPage; 


    let stepOne = (this.props.params.id == 'step-one') ? <RegistrationFormStepOne actionSaveUser={this.props.actionSaveUser} currentLanguage={languageReg}/> : ""; 
    let stepTwo = (this.props.params.id == 'step-two') ? <RegistrationFormStepTwo actionSaveUser={this.props.actionSaveUser} currentLanguage={languageReg}/> : ""; 

    return (
     <div className="sidebar-menu-container" id="sidebar-menu-container"> 

      <div className="sidebar-menu-push"> 

       <div className="sidebar-menu-overlay"></div> 

       <div className="sidebar-menu-inner"> 
        <div className="contact-form registrationForm"> 
         <div className="container"> 
          <div className="row"> 
           <div className="col-md-10 col-md-offset-1 col-md-offset-right-1"> 
            {stepOne} 
            {stepTwo} 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    ); 
} 

在RegistrationFormStepOne我發現點擊的功能如下:

handleClick(){ 
    let data = {name: "stepOne", values: [this.state.user]}; 
    this.context.router.push("/registration/step-two"); 
} 

當我點擊這個按鈕,網址是像它應該是http://localhost:3000/registration/step-two但我收到Cannot POST /registration/step-two錯誤。

當我輸入直接http://localhost:3000/registration/step-two它工作正常。

我使用reactNoConfiguration App

有什麼建議?

+1

當你輸入url時,它是一個GET請求。對於POST請求,您的服務器應該接受POST請求。 –

回答

2

問題出在句柄點擊功能。我忘了防止默認。我改成:

handleClick(event){ 
    event.preventDefault(); 
    let data = {name: "stepOne", values: [this.state.user]}; 
    this.context.router.push("/registration/step-two"); 
} 

它的工作。從我這麼愚蠢的錯誤。

+1

謝謝,我犯了同樣的錯誤 –