React Router 3、照会パラメーターと完全に一致

Question

React Router 3では、照会パラメーターを含むルートと正確にどのように一致しますか？

このような何か、

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

Answer 1

クエリのparamsはその意味で、経路の一部ではありません。あなたはこのような例のために、あなたのコンポーネント内にそれらをチェックする必要があります。

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

またcomponentDidMount内のクエリのparamsをチェックし、別の経路（例えば、404）にユーザーをリダイレクトすることができます。 Read more about Route Matching in the official docs。