Борьба с регулярным выражением для маршрута

Question

Я использую React Router 4. У меня есть только один компонент (на данный момент), и я в основном хотел бы, чтобы маршрут соответствовал этому:

/
/home
/@prd78

В случае третьего, я быкак часть после @, чтобы стать параметром.

Я пробовал это, но это явно неправильно:

<BrowserRouter>
    <Route path="/|home|product|@:ref(\w+)/" component={App} />
</BrowserRouter>

Я мог бы иметь другие маршруты, но в этом случае приложение будетзагружаться столько раз.

Спасибо за помощь.

Answer 1

<Route exact path="/" component={App} />
<Route path="/home" component={App} />
<Route path="/@:ref" component={App} />

И затем получить к ним доступ, используя:

const App = ({ match }) => (
    <div>
        <p>Ref: {match.params.ref}</p>
    </div>
);