Почему моя динамическая маршрутизация возвращает пустую страницу?

Question

Так что я относительно новичок в динамической маршрутизации в React.js.Я столкнулся с одной проблемой, которую не могу решить в течение последних 2 часов.У меня есть простая веб-страница с сообщениями в блоге, и я хотел создать маршрут «Подробнее», который перенаправлял бы на полную страницу статьи.

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

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

Пожалуйста, ознакомьтесь с репозиторием GitHub этого проекта.Есть App.js, Post.js, Postlink.js и Post.js, которые я хотел соединить друг с другом.

Postlink.js - это страница, на которой я хотел отобразить полное содержание своего сообщения, ноон не отображается в React.

https://github.com/szygendaborys/LiderAPP

Answer 1

Есть две проблемы:

1) Ваш маршрут не соответствует (вы написали post/:id, когда должно быть posts/:id):

export const POSTLINK = '/posts/:id'

2) Вваш Postlink componentDidMount(), вам нужно вызвать firebase.posts как функцию

 const ref = this.props.firebase.posts().doc(this.props.match.params.id)

(в вашем репо это this.props.firebase.posts.doc)

Answer 2

Кажется, вы ошиблись с "export const POSTLINK = '/ post /: id';" Потому что, когда я нажимаю больше, я перехожу к '/ post s /: id'; (смотреть с). Но когда я пытаюсь изменить его, я получаю несколько ошибок в базе данных, о которых я ничего не знаю.

Как минимум изменив свой маршрут на:

"export const POSTLINK = '/posts/:id';"

Загружает нужный компонент.

Надеюсь, это поможет.