Пустая страница после перенаправления входа в систему React. js - PullRequest
Новая
       29

Пустая страница после перенаправления входа в систему React. js

0 голосов
/ 23 января 2020

У меня небольшая проблема после входа в систему, он перенаправляет меня на / dashboard, но я получаю пустую страницу. Но если я просто обновлю sh страницу, используя тот же маршрут / панель мониторинга, страница загружается правильно.

Я создал копию своего проекта в песочнице => https://codesandbox.io/s/event-react-3r96m

Не могли бы вы взглянуть и помочь мне? Я пытаюсь сохранить сеанс после входа в систему с помощью токена, но для песочницы я вставил фиктивный IF, используя user = email@test.com и password = test.

Заранее спасибо! С наилучшими пожеланиями!

1 Ответ

1 голос
/ 24 января 2020

проблема в том, что вы не обновляете переменную isLoggedIn в приложении. js в компоненте Auth.

Добавьте следующую функцию в файл приложения. js. 

  setLoggedIn = () => {
    this.setState ({isLoggedIn: true});
  }

изменить следующее: 

            {!this.state.isLoggedIn && (
              <Route path="/auth" component={AuthPage} exact />
            )}

на 

            {!this.state.isLoggedIn && (
              <Route exact path='/auth' render={(props)=>
                <AuthPage {...props} updateStatus={this.setLoggedIn} />}
              />
            )}

в файле Auth. js внутри функции handleSubmit, вызвать новую функцию передается как реквизит. 

this.props.updateStatus();

Вот песочница. https://codesandbox.io/s/event-react-dzs9x

Обратите внимание, что я изменил вызовы localStorage, так как они давали мне ошибку.

...