投稿後に前のページにリダイレクトする必要があります

Question

フォームを送信した後にpremontessoriページにリダイレクトする必要があります。これどうやってするの？

これは私のhandleSubmit機能である：あなたが使用することができます

handleSubmit(event) { 
    event.preventDefault(); 
    <Link to='/premontessori' style={{textDecoration:'none'}} > alert("New Student Created");</Link> 
    var data= { 
      Fname:this.state.Fname, 
      age:this.state.age, 
      Lname:this.state.Lname, 
      dob:this.state.dob, 
      pob:this.state.pob, 
      month:this.state.month, 
      nation:this.state.nation, 
      mothertongue:this.state.mothertongue, 
      bloodgroup:this.state.bloodgroup 
     }; 
     axios.post('/create',data) 
     .then(function(response){ 
     console.log(response); 
     }) 
} 

Answer 1

Importはhistory objectの種類は、次のようなhashHistoryまたはbrowserHistoryを使用しています。

import {hashHistory} from 'react-router';

およびリンクは、動的ルーティングのための正しい方法ではない

hashHistory.push('/premontessori');

Answer 2

は、移動するためのルータ（例えば-hashHistory）を反応させます。

hashHistory.goBack(); 

Answer 3

使用。あなたのコンポーネント名はMyComponentは、コンポーネント

MyComponent.contextTypes = { 
    router: React.PropTypes.object.isRequired 
} 

外に以下の行を追加し、this.props.context.router.push('routename');

私は意志のようにナビゲートされている場合は、以前のルート

に移動しcontext.routerを利用するために必要これを行う前に、axios successコールバック内でこれを行うことをお勧めします。

class MyComponent extends React.Component { 
    .............. 
    handleSubmit(event) { 
      event.preventDefault(); 
      var self = this; 
      var data= {Fname:this.state.Fname, 
       age:this.state.age, 
       Lname:this.state.Lname, 
       dob:this.state.dob, 
       pob:this.state.pob, 
       month:this.state.month, 
       nation:this.state.nation, 
       mothertongue:this.state.mothertongue, 
       bloodgroup:this.state.bloodgroup 
       }; 
      axios.post('/create',data) 
      .then(function(response){ 
      console.log(response); 
      self.context.router.push('/premontessori') 
      }) 
     } 
    .............. 
} 

MyComponent.contextTypes = { 
    router: React.PropTypes.object.isRequired 
}