如何在Crome浏览器的控制台上运行纯Java脚本文件

问题描述

我正在尝试遵循带有Reactjs的AWS Cognito上的教程。我对这两个都是陌生的。

链接到视频：https://www.youtube.com/watch?v=-qo5GFdN-Ck&list=PLaxxQQak6D_eARpHp6JdMq3rvD5A-WU9N&index=1

如视频结尾所示，讲师在控制台上运行js文件。

我试图弄清楚该如何实现。

这是我的js代码。

import React,{ useState } from 'react';
import { CognitoUserPool } from 'amazon-cognito-identity-js';

export default () => {
  const [email,setEmail] = useState('');
  const [password,setPassword] = useState('');

  const poolData = {
    UserPoolId: 'us-east-1_xxxxxxxx',ClientId: '5g1uhpkbbm90oi352klxxxxxxx'
  };

  const UserPool = new CognitoUserPool(poolData);

  const onSubmit = event => {
    event.preventDefault();

    UserPool.signUp(email,password,[],null,(err,data) => {
      if (err) console.error(err);
      console.log(data);
    });
  };

  return (
    <div>
      <form onSubmit={onSubmit}>
        <input
          value={email}
          onChange={event => setEmail(event.target.value)}
        />

        <input
          value={password}
          onChange={event => setPassword(event.target.value)}
        />

        <button type='submit'>Signup</button>
      </form>
    </div>
  );
};

我尝试使用“ node App.js”运行它但这给了我这个错误

import React,{ useState } from 'react';
^^^^^^

SyntaxError: Cannot use import statement outside a module

我试图在js前面添加一个HTML文件并提供一个脚本标签，但在控制台中却出现了错误。

Unexpected token '<'

我意识到教练没有做任何这些事情。

对我的困境有什么帮助吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

amazon-cognito javascript reactjs reactjs