[javascript] error

Viewer

  1. import React from 'react';
  2. import { Link } from 'react-router-dom';
  3. import './styles/Register.css';
  4. import * as auth from '../auth.js';
  5.  
  6. class Register extends React.Component {
  7.   constructor(props) {
  8.     super(props);
  9.     this.state = {
  10.       username: '',
  11.       email: '',
  12.       password: '',
  13.       confirmPassword: '',
  14.       calGoal: ''
  15.     }
  16.     this.handleChange = this.handleChange.bind(this);
  17.     this.handleSubmit = this.handleSubmit.bind(this);
  18.   }
  19.   handleChange = (e) => {
  20.     const {name, value} = e.target;
  21.     this.setState({
  22.       [name]: value
  23.     });
  24.   }
  25.   handleSubmit = (e) => {
  26.     e.preventDefault();
  27.     if (this.state.password === this.state.confirmPassword){
  28.     const { username, password, email } = this.state;
  29.     auth.register(username, password, email);
  30.     }
  31.   }
  32.   
  33.   render(){
  34.     return (
  35.       <div className="register">
  36.         <p className="register__welcome">
  37.             Пожалуйста, зарегистрируйтесь.
  38.         </p>
  39.         <form onSubmit={this.handleSubmit} className="register__form">
  40.           <label htmlFor="username">
  41.             Логин:
  42.           </label>
  43.           <input id="username" name="username" type="text" value={this.state.username} onChange={this.handleChange} />
  44.           <label htmlFor="email">
  45.             Email:
  46.           </label>
  47.           <input id="email" name="email" type="email" value={this.state.email} onChange={this.handleChange} />
  48.           <label htmlFor="password">
  49.             Пароль:
  50.           </label>
  51.           <input id="password" name="password" type="password" value={this.state.password} onChange={this.handleChange} />
  52.           <label htmlFor="confirmPassword">
  53.             Повторите пароль:
  54.           </label>
  55.           <input id="confirmPassword" name="confirmPassword" type="password" value={this.state.confirmPassword} onChange={this.handleChange} />
  56.           <label htmlFor="calGoal">
  57.             Калории за день:
  58.           </label>
  59.           <input id="calGoal" name="calGoal" type="number" value={this.state.calGoal} onChange={this.handleChange} />
  60.           <div className="register__button-container">
  61.             <button type="submit" onSubmit={this.handleSubmit} className="register__link">Зарегистрироваться</button>
  62.           </div>
  63.         </form>
  64.         <div className="register__signin">
  65.           <p>Уже зарегистрированы?</p>
  66.           <Link to="login" className="register__login-link">Войти</Link>
  67.         </div>
  68.         </div>
  69.   );
  70.   }
  71.  
  72. }
  73.  
  74. export default Register;
  75.  

Editor

You can edit this paste and save as new:


File Description
  • error
  • Paste Code
  • 01 Mar-2021
  • 2.59 Kb
You can Share it: