Reactjs 无法使用Amplify Auth.currentAuthenticatedUser检索用户名

Reactjs 无法使用Amplify Auth.currentAuthenticatedUser检索用户名,reactjs,aws-amplify,Reactjs,Aws Amplify,请原谅我的新手问题,但我是新来的AWS放大。。。我用react启动了一个web应用程序,我可以用Cognito Facebook和Google登录,也可以以正常的注册/登录形式登录 现在我想做下一步,并显示一条欢迎消息,其中包括登录用户的用户名。。。应该很简单:) 我使用了这个函数 function checkUser() { let user = Auth.currentAuthenticatedUser(); alert(user.username) } 它没有显示我的用户名!相反,

请原谅我的新手问题,但我是新来的AWS放大。。。我用react启动了一个web应用程序,我可以用Cognito Facebook和Google登录,也可以以正常的注册/登录形式登录

现在我想做下一步,并显示一条欢迎消息,其中包括登录用户的用户名。。。应该很简单:)

我使用了这个函数

function checkUser() {  let user = Auth.currentAuthenticatedUser();  alert(user.username)  }
它没有显示我的用户名!相反,它显示以下弹出消息

谁能告诉我如何使它工作。。非常感谢:)

到目前为止,我的代码是这样的

import {Auth} from 'aws-amplify';
function checkUser() {
let user = Auth.currentAuthenticatedUser();
alert(user)  }

function signOut() {
Auth.signOut()
  .then(data => console.log(data))
  .catch(err => console.log(err))
}

function App() {
  return (
    <div className="App">
    <header className="App-header">
    <img src={logo} className="App-logo" alt="logo" />
        <p>
         This site is under Construction
        </p>
        <p>
        <button onClick={() => Auth.federatedSignIn()}>Sign In</button>
        <button onClick={checkUser}>Check User</button>
        <button onClick={signOut}>Sign Out</button>
        </p>
      </header>
    </div>
  );
}
export default App;
import{Auth}来自“aws放大”;
函数checkUser(){
让user=Auth.currentAuthenticatedUser();
警报(用户)}
函数签出(){
Auth.signOut()
.then(数据=>console.log(数据))
.catch(err=>console.log(err))
}
函数App(){
返回(

这个网站正在建设中

Auth.federatedSignIn()}>登录 检查用户 退出

); } 导出默认应用程序;
这是一个异步调用:

async function checkUser() {
    let user = await Auth.currentAuthenticatedUser();  
    alert(user.username)
}


非常感谢Horatiu!!同步功能对我很有用。。我将投4票:)
Auth.currentAuthenticatedUser()
    .then(user => alert(user.username))
    .catch(err => console.log(err));