После того, как вы смогли загрузить целевую страницу (домашний компонент), как вы заставляете остальные компоненты реагировать визуализироваться через страницы github? - PullRequest
Новая
       4

После того, как вы смогли загрузить целевую страницу (домашний компонент), как вы заставляете остальные компоненты реагировать визуализироваться через страницы github?

1 голос
/ 30 апреля 2019

Я тратил часы за часами, пытаясь заставить мое приложение для создания реакции развернуться на страницах git-hub.Я могу отрендерить целевую страницу / домашний компонент, но остальные мои компоненты не будут отрисовываться из-за изменения путей после того, как я нажму на навигационную ссылку.У меня есть правильный prod встроенный реагировать, и я использую HashRouter.Поскольку моя домашняя страница загружается, а не другие навигационные компоненты, я считаю, что это простая проблема с маршрутом, но после прочтения документации, которую я прочитал, я все еще не могу решить эту проблему.Это убивает меня, лол.Вот ссылка на домашнюю страницу.Обратите внимание, что если вы нажмете на навигационные ссылки, это выдаст ошибку.http://zonekid.github.io/TelevisionFavorites

Для App.js 

    `class App extends Component {
  render() {
    return (
    <React.Fragment>
<Container fluid>
    <Router basename="/">
    <Switch>
    <Route exact path="/" component={Home}/>
    <Route path="/twin-peaks" component={TwinPeaks}/>
    <Route path="/atlanta" component={Atlanta}/>

Навигационный компонент (HomeNav.js) 

    <Nav className="justify-content-center" activeKey="/home">

        <Nav.Item>
            <Color1>
          <Nav.Link className="nav-link" href="/atlanta" eventKey="link-1">Atlanta</Nav.Link>
          </Color1>
        </Nav.Item>
        <Nav.Item>
            <Color2>
          <Nav.Link href="/twin-peaks" eventKey="link-2">Twin Peaks</Nav.Link>
          </Color2>
        </Nav.Item>

`

1 Ответ

0 голосов
/ 30 апреля 2019

Если ваше приложение было создано с create-react-app, вы должны установить basename на process.env.PUBLIC_URL вместо текущего значения /, например: 

<Router basename={process.env.PUBLIC_URL}>
...