エラーを返すことはできません反応するjs

Question

エラーがある空白のページが表示されますPOST /登録/ステップ2ができません。

私は多段階登録を作成しようとしています。

RegistrationFormStepOneで

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> 
    ); 
} 

次のように私はクリックで機能を持っている：次のように私の主な構成要素の関数であるレンダリング私は、このボタンをクリックすると、それはhttp://localhost:3000/registration/step-twoする必要がありますように

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

、urlがあるが、私はCannot POST /registration/step-twoエラーが発生しています。

私が直接http://localhost:3000/registration/step-twoと入力すると正常に動作します。

私はreactNoConfiguration App

何かアドバイスを使用していますか？

Answer 1

ハンドルのクリック機能に問題がありました。私はデフォルトを防ぐのを忘れた。私はそれを：

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

に変更しました。私からのばかげたミス。