Блог

Я пытаюсь следовать руководству по AWS Cognito с помощью Reactjs. Я новичок в обоих из них.

Ссылка на видео:https://www.youtube.com/watch?v=-qo5GFdN-Ckamp;list=PLaxxQQak6D_eARpHp6JdMq3rvD5A-WU9Namp;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>
  );
};
  

Я попытался запустить его с помощью «узла App.js »
но это дало мне эту ошибку

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

SyntaxError: Cannot use import statement outside a module
  

Я попытался добавить HTML-файл перед js и предоставить тег script, но в консоли появилась ошибка.

 Unexpected token '<'
  

Я понял, что инструктор не делал ничего из этого.

Может ли кто-нибудь помочь мне с моей дилеммой?