Как это реализовать грамотно?

Question

[Jedi]

Хочу сделать так, чтобы была возможность кликнуть по комменту и увидеть детали комментария в правой части экрана (Content). Смотрите ниже.

В проекте есть следующие роуты:

/ - Homepage,
/posts - Записи,
/posts/1 - Какая-то конкретная запись/пост,
/posts/1/20 - Какая-то комментария, в каком-то конкретном посте.

Можно использовать HashRouter, например...
Но все таки, предпочитаю обычный роутинг.

Как бы это реализовали вы? Хочу чтобы все было очень грамотно реализовано. По другое я не могу :) .

Здесь весь проект.

Answer 1

[Виталий Киренков]

https://reacttraining.com/react-router/web/example...

Tacos - в вашем случае пост, а вложенные элементы - комментарии.

Реакт-роутинг, 4й версии, если не ошибаюсь, хорош тем, что роут можно вставить в любое место.

Comments

[Jedi]

Виталий, спасибо Вам за подсказку! У меня получилось. Посмотрите, пожалуйста, все ли хорошо. Написал бы именно так, грамотный программист?)

- Убрал exact с Route path="/posts/:id"
- Изменил Content.js

Добавил Route в Post.js

https://codesandbox.io/s/9y5pllprro