React-Router通過路由導航使用jQuery

Question

好吧，我的React-Router工作方式或多或少都是我想要的，但我的問題是：我現在需要在我的JS中添加一些功能。

示例：用戶輸入他們的詳細信息並單擊「登錄」，我希望我的jQuery檢查憑據是否正確以及是否更改到主頁的路線。

我不知道，我會如何去做這件事。

這是我的陣營，路由器代碼：

import React from 'react' 
import ReactDOM from 'react-dom'; 
import { Router, Route, hashHistory, Navigation } from 'react-router' 
import Login from './login' 
import Signup from './signup' 
import Home from './home' 


ReactDOM.render((
    <Router history={hashHistory}> 
    <Route path="/" component={Login}/> 
    <Route path="/signup" component={Signup}/> 
    <Route path="/home" component={Home}/> 
    </Router> 
), document.getElementById("app")) 

$("#loginBtn").click(
    function(){ 
     var email = $('loginEmail').val(); 
     var pass = $('loginpwd').val(); 

     /* Check to see if credential are correct. 
     * If so, change to '/home route 
     */ 
    } 
); 

任何想法，將不勝感激。謝謝:)

Answer 1

一種方法是如下：

const openAppRoute = (route) => { 
    // Summary: 
    //  Helper function for developers to navigation 
    //  to a different route programmatically. 
    hashHistory.push(route); 
}; 
window.openAppRoute = openAppRoute; 

$("#loginBtn").click(
    function(){ 
    var email = $('loginEmail').val(); 
    var pass = $('loginpwd').val(); 

    /* Check to see if credential are correct. 
    * If so, change to '/home route 
    */ 
    window.openAppRoute("/home"); 
    } 
);