0

Я использую HashRouter gh-pages. Из-за этого якорные ссылки не работают и меня перенаправляет на страницу 404.

роутинг

 <Switch>
            <Route exact path='/'>
              <Main />
            </Route>
            <Route path='*'>
              <NotFound />
            </Route>
    </Switch>

компонент со списком якорных ссылок

    export default function NavTab() {
        return (
            <ul
                className='navtab__link-list'
            >
                        <li
                        >
                            <a href={'#about-project'}
                                className='navtab__link'
                            >
                                О проекте
                            </a>
                        </li>
...
                    )
                })}
            </ul>
        )
    }

компонент с якорной ссылкой

export default function Techs() {
    return (
        <section className='about-project' id='#about-project'>
            <SectionTitle
            />
        </section>
    )
}
2
  • Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете. 13 мая 2022 в 8:33
  • the code works well on localhost with ReactRouter 13 мая 2022 в 8:41

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.