`window.location.href` не работает на приложении реакции при развертывании на страницах github

Question

Есть похожий вопрос, но моя проблема в другом.

При запуске приложения react на локальном хосте оно перемещается со следующей страницы:

Кнопка отправки имеет код window.location.href = "/ahana-psychometry/assessments/"; И вот он переходит на страницу:

Но когда я нажимаю кнопку отправки на странице на gh-страницах, URL-адрес изменяется от blenderous.github.io/ahana-psychometry/create до blenderous.github.io/ahana-psychometry/assessments/. но

, но на странице вместо этого отображается сообщение 404:

Answer 1

Поскольку вы используете реагирующий маршрутизатор, лучше всего использовать его методы.

Вот пример, который описывает использование withRouter HO C для перенаправления на другую страницу:

import {
  withRouter
} from 'react-router-dom'

class Sample extends React.Component {
  handleSubmit = (e) => {
    ...
    this.props.history.push('/ahana-psychometry/)
  }
  render() {
    return (
      <div>
        <h1>Form</h1>
        <Form onSubmit={this.handleSubmit} />
      </div>
    )
  }
}

export default withRouter(Sample)