Усиление реакции пользовательского интерфейса входа в систему после входа в систему - PullRequest
Новая
       23

Усиление реакции пользовательского интерфейса входа в систему после входа в систему

0 голосов
/ 20 марта 2019

Я создал пользовательскую страницу SignIn под названием AuthPage для своего приложения для усиления реакции.Это отрисовывается и работает нормально, за исключением того, что, как только я вхожу, отображается старая страница регистрации, пока я не обновлю приложение.

Я посмотрел на компонент SignIn и AuthPiece, ноКажется, я не могу выяснить, где onStateChange это может произойти? 

index.js

function renderApp(app) {
  render(
    <Authenticator hide={[SignIn, Greetings]} amplifyConfig={awsmobile} hideDefault>
      <AuthPage {...app.props} />
      <AppContainer {...app.props}>
        {app}
      </AppContainer>
    </Authenticator>,
    document.getElementById('root')
  );
}

renderApp(<Root store={store} routeConfig={routeConfig} />);

Я следовал этому руководству: https://blog.kylegalbraith.com/2018/11/29/how-to-easily-customize-the-aws-amplify-authentication-ui/

1 Ответ

0 голосов
/ 21 марта 2019

Сделал более глубокое погружение в компонент Authenticator и понял, что hideDefault не должен был быть установлен, и что я должен разделить рендеринг в компоненте App следующим образом: 

  render() {
    if (this.props.authState !== "signedIn") {
      return (
        <Authenticator hide={[SignIn, Greetings, SignUp]} amplifyConfig={awsmobile}>
          <AuthPage {...this.props} />
          <RegisterPage {...this.props} />
        </Authenticator>
      )
    } else {
      return (
        <div className="common-app main-content">
          {this.props.children}
        </div>
      );
    }
  }
...