Создание интерфейса аутентификации с https://aws -amplify.github.io / media / ui_library
import { Authenticator } from 'aws-amplify-react' import Amplify from 'aws-amplify'; Amplify.configure(aws_exports); const AppWithAuth = () => ( <Authenticator /> )
https://aws -amplify.github.io / документы / JS / аутентификации # с использованием-The-аутентификатор-компонентной непосредственно
Используя инструменты разработчика React для проверки, компоненты видны в React View
Но не в DOM представлении браузера
Итак, различные компоненты Authenticator, такие как Greetings и SignIn, не отображаются в DOM. Как сделать их видимыми в браузере
[Auth и состояние AuthData после входа в систему] 4
[Console.logs] 5
Компоненты отображают пользовательский интерфейс или ничего не основаны на свойстве authState. В вашем случае authState - это signedIn. Таким образом, только Greetings будет отображать некоторый пользовательский интерфейс.
authState
signedIn
Greetings