ERROR in src\containers\Login.js Line 35:5: Ошибка парсинга: Неожиданная лексема (35:5)

Здравствуйте ребята, я новичок в React, во время просмотра учебника я получил эту ошибку, я проверил ее несколько раз и сравнил ее с той, что в учебнике, и не могу найти никакой разницы. Я пытаюсь создать аутентификацию пользователя с помощью Django и React. В качестве редактора я использую Sublime Text 3, также у меня установлен Visual Studio Code. Должен ли я установить какое-либо расширение для решения этой проблемы? Можете ли вы помочь мне с этой ошибкой синтаксического анализа?

import React, { useState } from 'react';
import { Link, Redirect } from 'react-router-dom';
import { connect } from 'react-redux';


const Login = () => {
    const [formData, setFormData] = useState({
        email: '',
        password: ''
    });

    const { email, password } = formData;

    const onChange = e => setFormData({ ...formData, [e.target.name]: e.target.value });

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

        // login(email, password)
    };

    // Is the user Authenticated?
    // Redirect them to the home page

    return (
        <div className='container mt-5'>
            <h1>
                Sign in
            </h1>
            <p>
                Sign into your account
            </p>
            <form onSubmit={e => onSubmit(e)}>
                <div className='form-group'
                    <input
                        className='form-control'
                        type='email'
                        placeholder='Email'
                        name='email'
                        value={email}
                        onChange={e => onChange(e)}
                        required
                    />
                </div>
                <div className='form-group'
                    <input
                        className='form-control'
                        type='password'
                        placeholder='Password'
                        name='password'
                        value={password} 
                        onChange={e => onChange(e)}
                        minLength='6'
                        required
                    />
                </div>
                <button className='btn btn-primary' type='submit'>Login</button>
            </form>
            <p className='mt-3'>
                Don't have an account? <Link to='/signup'>Sign Up</Link>
            </p>
            <p className='mt-3'>
                Forgot your Password? <Link to='/reset-password'>Reset Password</Link>
            </p>
        </div) 
    );
};

// const mapStateToProps = state => ({
    // is authenticated?
// });

export default connect(null, { })(Login);

Вы не закрыли тег div перед вводом

Вернуться на верх