Birden çok yol adı Router

Question

üç farklı rotalar için aynı bileşeni kullanıyorum tepki:

<Router> 
    <Route path="/home" component={Home} /> 
    <Route path="/users" component={Home} /> 
    <Route path="/widgets" component={Home} /> 
</Router> 

birleştirmek için yine de var mı, olmak nasıl:

<Router> 
    <Route path=["/home", "/users", "/widgets"] component={Home} /> 
</Router> 

Answer 1

I Maalesef bunun olduğunu düşünmeyin. Gerçi başka JSX bileşeni ile yapacağı gibi

Bir map kullanabilirsiniz:

<Router> 
    {["/home", "/users", "/widgets"].map(path => 
     <Route path={path} component={Home} /> 
    )} 
</Router> 

Answer 2

olarak başına dize türünde olduğu Yönlendirici docs PropType 'yol' Tepki .bu yüzden geçebileceği bir yolu yoktur Rota Bileşenine bir sahne olarak bir dizi. Niyetiniz tek değişiklik yoluna ise bir şeyler yapmak, böylece

Eğer bir düzenli ifade dize olabilir En az path v4 tepki-router ile o

Answer 3

farklı rota hiçbir sorunları aynı bileşenini kullanabilirsiniz böyle: Eğer component/route böyle basitse muhtemelen değmez yüzden biraz ayrıntılı var gördüğünüz gibi

<Router> 
    <Route path="/(home|users|widgets)/" component={Home} /> 
</Router> 

.

Ve elbette bu gerçekten sık sık ortaya çıkarsa, her zaman reereks veya .map mantığını yeniden kullanan bir dizi paths parametresini alan bir sarma bileşeni oluşturabilirdiniz.