Первое использование вложенных маршрутов, поэтому я следую этому примеру, а также статье:
https://codesandbox.io/s/nested-routes-react-router-y5pt4?from-embed=&file= / src / index. js: 2684-2693 https://learnwithparam.com/blog/how-to-handle-nested-routes-in-react-router/
Однако данные, которые я получаю, имеют другую структуру по сравнению с примером, например сборник статей. https://content.guardianapis.com/search?api-key=test
Я пытаюсь использовать pillarName в качестве основной панели навигации. sectionName в качестве вспомогательной панели навигации для сопоставления статей, принадлежащих каждой подкатегории.
Проблема в том, что когда я console.log (": infoSectionName", сопоставление) компонент WorldNews, я получаю undefined и поэтому не могу сопоставить отдельные статьи.
Исходный код: https://codesandbox.io/s/spring-silence-g6q66?file= / src / App. js: 5802-5811
Буду очень признателен за ваш совет.
Попробуйте определить маршрут следующим образом:
<Route path={`${match.path}/:infoSectionName`} component={WorldNews} />