他のページへリダイレクトすると反応しない

Question

ログインに成功した後、ホームページにリダイレクトしたい。これまでに検索しましたが、解決策が見つかりませんでした。事前のおかげで

//imported react-router 
import { Redirect } from 'react-router'; 

//main route file 
<Router> 
    <div> 
    <Route exact path = "/" component={ App } /> 
    <Route path = "/home" component={ Homepage } /> 
    </div> 
</Router> 

//redirect after ajax success 
$.ajax({ 
    type: 'POST', 
    url: '/login_participant', 
    data: data, 
    dataType:'json', 
    success:function(data) { 
     console.log(data); 

     //redirecting home after login successfully 
     <Redirect to ="/home" /> 
    }, 
    error:function(err) { 
     console.log(err); 
    } 
}) 

Answer 1

<Redirect />は、いくつかの小道具を取り、それと何かをシンプルな構成要素です。それは反応ルータによって提供される他のコンポーネントと契約しているので、コンテキストが何であるかを知る必要があります。

ログインに成功した後にリダイレクトする場合は、react-router-redux（pushアクション）を使用するか、コンポーネントにデータを提供するように状態フラグisUserLoggedInまたはsthを保持する必要があります。どちらの解決策も、還元/フラックスまたは他の状態容器を使用する必要があります。

redux/fluxを使用したくない場合は、ウィンドウの場所を置き換えてください。 （パス名）。

これは私の側からのものです。おそらく他の人たちがより良い解決策を持っているかもしれません。