React路由器3，與查詢參數完全匹配

Question

在React Router 3中，您如何精確匹配包含查詢參數的路由？

這樣的事情，

<Route path="about?qs1=:qs&qs2=:qs2" component={About} /> 

Answer 1

查詢參數不是在這個意義上說路線的一部分。您將需要檢查他們的組件裏面，比如像這樣：

class About extends React.Component { 
    render() { 
    return(
     <div> 
     {this.props.location.query.qs1 ? 'Correct route!' : 'Invalid route!'} 
     </div> 
    ); 
    } 
} 

你也可以檢查的查詢參數內部componentDidMount和您的用戶重定向到一個不同的途徑（如404）。 Read more about Route Matching in the official docs。