Строки запроса реагирования принимают более 1 параметра?

Question

Я работаю с React.js Router и пытаюсь добиться этого:

Пользователи переходят на module, затем level и URL будет выглядеть так: myapp.com/game/module/some-module/level/level-1.Мне нужно обрабатывать все разные module и level, например: /module/:name /level/:name , поэтому мне не нужно указывать каждый URL несколько раз.

Вот код в App.js:

const App = () =>
    <Router>
        <Switch>
            <Route exact path="/" component={Home} />
            <Route exact path="/game" component={Game} />
            <Route exact path="/module/:name" component={Module} />
            <Route exact path="/level/:name" component={Level} />
            <Route component={NoMatch} />
        </Switch>
    </Router>

export default App

Я знаю, что могу "захватить" значение имени модуля у потомка следующим образом: match.params.name.

Как мне это сделать в React?У вас есть лучший подход, чем этот?

например, /game/some-module/some-level, в данном случае, как вы передаете module name и level name в Route

Answer 1

Похоже, что маршрут уровня должен быть вложен в компонент модуля.

Вот аналогичное обсуждение переполнения стека: Вложенные маршруты с реагирующим маршрутизатором v4

ИВот хороший пост в блоге, который объясняет, как работают вложенные маршруты в React Router v4: https://tylermcginnis.com/react-router-nested-routes/